{"@context":"https://schema.org","@type":"HowTo","@id":"https://bkamp.ai/en/recipes/a0313848-fc51-44eb-ad10-e5f977f5d187","name":"[WIV-KR] Satira — AI Emotion Memory Archive","description":"An AI companion that remembers your emotions, a self-discovery platform that grows together.","url":"https://bkamp.ai/en/recipes/a0313848-fc51-44eb-ad10-e5f977f5d187","image":"https://media.bkamp.ai/uploads/recipe_thumbnail/3f8b10ae-633d-4b4e-a1d7-9df748fe48e1/f4036a44-5995-4280-b149-7c9ddf026533.png","inLanguage":"en-US","datePublished":"2026-04-18T05:46:53.249731Z","dateModified":"2026-06-22T10:03:02.087174Z","author":{"@type":"Person","name":"yunielee_8dd1c1","url":"https://bkamp.ai/en/users/yunielee_8dd1c1"},"publisher":{"@type":"Organization","name":"bkamp","url":"https://bkamp.ai"},"educationalLevel":"초급","category":"개발","step":[{"@type":"HowToStep","position":1,"name":"Develop & Deploy","text":"

프로젝트 한 줄 정의 (One-liner)

당신의 감정을 기억하는 AI 컴패니언, 함께 성장하는 자기발견 플랫폼.

프로젝트 선정 배경

기억의 손실: 과거의 감정 패턴을 잊어버려 반복되는 심리적 어려움을 감지하지 못하는 문제 해결.

감정적 고립: 타인에게 매번 털어놓기 힘든 감정을 안전하게 쏟아낼 수 있는 '안아주는 환경(Holding Environment)' 제공.

데이터의 부재: \"막연히 힘들다\"는 느낌을 넘어, 심리학 이론에 기반한 객관적인 수치로 자기 상태를 파악할 수 있는 지표 필요.

구현된 핵심 기능

AI 감정 아카이브: 매일의 감정 체크인과 일기를 통해 나만의 감정 역사를 데이터화.

AI 컴패니언 Sati: 유저와 함께 10단계로 성장하며 인지행동치료(CBT) 기반의 다정한 피드백을 제공하는 캐릭터.

심리 통계 엔진: 전문적인 심리학 이론(Russell, Fredrickson 등)을 활용해 감정 에너지를 연산하고 시각화.

현재 구현 상태 (진척도)

전체 완성도: 약 90% (핵심 UX 플로우 및 인프라 구축 완료).

개발 규모: 14일간 84개의 커밋, 약 12,000줄의 코드 작성.

플랫폼: Web 배포 완료, Chrome Extension 개발 완료. iOS/Android(Capacitor) 작업 예정

핵심 기능 1~2개

성장형 AI Sati: 체크인과 저널 작성을 통해 얻은 경험치(EXP)로 씨앗에서 나무까지 진화하며 유저의 정서적 지지대 역할 수행.

심리 데이터 분석 대시보드: 5가지 체크인 항목을 '에너지 지수'로 변환하고, 주간 긍정성 비율 및 감정 흐름을 SVG 차트로 시각화.

서비스 구조 (간단한 흐름)

3 Habitat 생태계 기반 유저 저니(User Journey):

Warm Soil(포근한 흙): 일일 감정 체크인 및 Sati와의 일기 대화 수행.
Silent Seedbed(고요한 씨앗방): 안아주기 인터랙션 및 호흡법을 통한 심리적 휴식.
Root of Wisdom(지혜의 뿌리): 월별/주간 단위의 감정 데이터 통찰 및 아카이브 확인.

기술 스택

Frontend: Next.js 14 (App Router), TypeScript, Tailwind CSS, Framer Motion.

Backend/Infra: Supabase (PostgreSQL, Auth, Storage), Vercel, Resend (Email OTP).

AI Interface: Claude Sonnet 4.6 (상담 채팅), Claude Haiku 4.5 (감정 분석).

Business/Mobile: Stripe (결제), Capacitor (모바일 앱).

"},{"@type":"HowToStep","position":2,"name":"Troubleshooting & Reflection","text":"

문제 해결 과정 (Troubleshooting)

1) 데이터 휘발 문제: 새로고침 시 AI 대화가 사라지던 현상을 DB 스키마 확장(sati_response 컬럼 신설)과 비동기 업데이트 로직으로 해결.

2) 에셋 최적화: 55MB에 달하던 고화질 캐릭터 이미지를 Sharp 라이브러리로 97% 압축하여 1.6MB로 최적화, 배포 및 로딩 속도 개선.

3) 데이터 레이스 컨디션: 저장과 분석 요청이 충돌해 엉뚱한 날짜에 기록되던 문제를 useRef 기반의 비동기 추적 전략으로 해결하여 무결성 확보.

느낀 점 및 회고
바이브코딩을 잘 하기 위해서는 기획력과 구조화 능력이 높을 수록 유리하다.
개발 전문 지식은 여전히 귀하고, 실제 서비스 런칭을 위해서는 보안과 유지보수 기술이 필수!
상상을 현실화할 수 있는 도구가 생겨서 너무 신난다!
만든 서비스를 실제 상용화, 상업화 하는 방법을 열심히 찾고 있다.
코딩, AI 스터디, 바이브코딩 등에 관련된 커뮤니티가 참 귀하고 중요하다. 이런 자리를 만들어주신 Codepresso 너무 감사하고, 앞으로도 계속 인연을 이어가면 좋겠습니다 :)

"}],"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":46},{"@type":"InteractionCounter","interactionType":"https://schema.org/BookmarkAction","userInteractionCount":0}],"mainEntityOfPage":{"@type":"WebPage","@id":"https://bkamp.ai/en/recipes/a0313848-fc51-44eb-ad10-e5f977f5d187"}}

[WIV-KR] Satira — AI Emotion Memory Archive

Develop & Deploy

Troubleshooting & Reflection

Step Roadmap

댓글 0개

[WIV-KR] Satira — AI Emotion Memory Archive

Develop & Deploy

Troubleshooting & Reflection

Step Roadmap

댓글 0개

[WIV-KR] Satira — AI Emotion Memory Archive

Develop & Deploy

Troubleshooting & Reflection

Step Roadmap

댓글 0개

[WIV-KR] Satira — AI Emotion Memory Archive

Develop & Deploy

Troubleshooting & Reflection

Step Roadmap

댓글 0개