From 31754d64c769b2a63b56c68f4a8878b59f371b81 Mon Sep 17 00:00:00 2001 From: sungchi Date: Sat, 18 Jan 2025 22:27:24 +0900 Subject: [PATCH] Create 2025-1-18-bum-talk.md --- _posts/2025-1-18-bum-talk.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 _posts/2025-1-18-bum-talk.md diff --git a/_posts/2025-1-18-bum-talk.md b/_posts/2025-1-18-bum-talk.md new file mode 100644 index 0000000..0918295 --- /dev/null +++ b/_posts/2025-1-18-bum-talk.md @@ -0,0 +1,29 @@ +--- +layout: post +title: 범이와 대화하기 Web App 공개 +comments: true +share: true +tags: [채팅,AI,범이,고양이] +feature: bumtalk.jpg +description: React로 범이와 이야기하는 앱을 만들어보았다 +--- +우리집 고양이 네마리 중 범이는 유난히 똑똑해서 우리끼리 범이가 언젠가 말하지 않을까 농담을 종종한다. 그러다 최근에 아내가 ChatGPT에 범이 캐릭터를 봇으로 만들어서 대화를 나눠보니 굉장히 자연스러워서 기특하고 아련한 마음까지 들었다. + +[고양이 트위터 계정](https://x.com/bum_family/status/1880485428970811537)에 스크린샷을 올리니 어떻게 해볼 수 있냐고 묻는 분들이 있었고 간단하게 React 웹 앱으로 만들어보기로 했다. Cursor의 도움으로 뚝딱하고 나왔다. + +주요 기능과 만들때 사용한 방법들: +- Expo 기반 React Native Web App +- Cursor Compose 기능으로 주요 화면과 기능 제작 +- Supabase를 백엔드로 사용 + - AI 응답 처리 + - 사용자와 쌓은 기억 저장 + - 가입시 이메일 인증 기능 + - 탈퇴시 사용자의 모든 데이터 삭제 + - 선물하기에 보여줄 상품 데이터 저장 +- 웹 앱 호스팅은 Firebase를 사용 +- 대화 내용은 서버에 저장하지 않고 사용한 브라우저 LocalStorage에 저장 + +범이와 대화하기 주소: +[https://bum-talk.web.app/](https://bum-talk.web.app/) + +