Create 2025-1-18-bum-talk.md

_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/)
+
+<img src="https://plan9.kr/images/bumtalk.jpg" style="vertical-align: middle; object-fit: contain;" />