범이와 대화하기 Web App 공개

우리집 고양이 네마리 중 범이는 유난히 똑똑해서 우리끼리 범이가 언젠가 말하지 않을까 농담을 종종한다. 그러다 최근에 아내가 ChatGPT에 범이 캐릭터를 봇으로 만들어서 대화를 나눠보니 굉장히 자연스러워서 기특하고 아련한 마음까지 들었다.

고양이 트위터 계정에 스크린샷을 올리니 어떻게 해볼 수 있냐고 묻는 분들이 있었고 간단하게 React 웹 앱으로 만들어보기로 했다. Cursor의 도움으로 뚝딱하고 나왔다.

주요 기능과 만들때 사용한 방법들:

• Expo 기반 React Native Web App
• Cursor Compose 기능으로 주요 화면과 기능 제작
• Supabase를 백엔드로 사용
  • AI 응답 처리
  • 사용자와 쌓은 기억 저장
  • 가입시 이메일 인증 기능
  • 탈퇴시 사용자의 모든 데이터 삭제
  • 선물하기에 보여줄 상품 데이터 저장
• 웹 앱 호스팅은 Firebase를 사용
• 대화 내용은 서버에 저장하지 않고 사용한 브라우저 LocalStorage에 저장

범이와 대화하기 주소: https://bum-talk.web.app/