[🧑‍💻] Keymory 개발 일지 #10: Diary <-> Chat 연결, 자동 요약 기능 추가

✨ GPT의 요약 　

Diary와 Chat을 서로 연결하는 기능을 구현하고, 다이어리 및 채팅 저장 시 자동 요약이 생성되도록 개선함.

💻 개발 일지

⏰ 오늘 할 일

• ✅ (이슈) DiaryPage: AI Comment 답변 안 받은 상태면, 캐릭터가 설정되지 않은 상태로 넘어감.
  • 일단, AI로부터 Comment를 받아야 채팅을 시작할 수 있습니다! 알림 띄우는 것으로 땜빵.
• ✅ (이슈) 모든 Image 위젯에 Default Variable 값 할당 (Unexpected Null value Error 방지용)
  • No Profile Image: https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_1280.png
  • No image: https://png.pngtree.com/png-vector/20190820/ourmid/pngtree-no-image-vector-illustration-isolated-png-image_1694547.jpg

• ✅ ChatPage: 유저 이미지 사진은 user profile image로 교체

• ✅ ChatPage: 유저 대화 출력 내용은 오른쪽 정렬 (KSK 담당)

• ✅ DiaryPage: 다이어리 저장시 자동으로 요약본 생성하기
  • ✅ Diaries DB: Add field diary_content_summarized
  • ✅ Save Diary 버튼 액션에 적용
  • ✅ Save Diary and Chat with AI 버튼 액션에 적용
• ✅ linked_chats를 Diary Document DB - Field로 추가

• ✅ linked_diaries를 Chat Document DB - Field로 추가

• ✅ DiaryPage: Save Diary and Chat with AI버튼 클릭 시, DiaryPage/Doc <-> ChatPage/Doc Link
  • Diary Document의 linked_chats 리스트에 Chat Document Reference 추가
  • Chat Document의 linked_diaries 리스트에 Diary Document Reference 추가
• ✅ DiaryPage에서 Create New Chat 할 때, linked_chats를 Diary Document DB - Field로 추가

• ✅ ChatPage에서 Create New Diary 할 때, linked_diaries를 Chat Document DB - Field로 추가

• ✅ DiaryPage: linked_chats ListView 최하단에 제공 -> 클릭하면 해당 챗으로 이동
  • ✅ 카드에 표시할 내용
    • ✅ Chat - title, Chat - timestamp( == created_time)
    • ✅ Chat - (most recent) Message - content
    • ✅ Character - profile_image
• ✅ ChatPage: 채팅 답변 받으면, 자동으로 요약본 생성하기
  • ✅ Chats DB: Add field chat_content_summarized
• ✅ ChatPage: linked_diaries ListView 상단에 제공 -> 클릭하면 해당 다이어리로 이동
  • ✅ 처음 겪는 이슈 해결하기: How to generate children from linked_diaries(List of Diary Document References)
    • How to display List of Doc References?
    • ListView: Generate Children From linked_diaries (Diary Document References)
    • ListView - Child(Card): Backend Query - Diary Document From Reference
    • ListView - Child(Card) - Component Parameter: Diary Document
  • ✅ 카드에 표시할 내용
    • ✅ Diary - title, Diary - created_time
    • ✅ Diary - Mood Score (Color)

• ✅ (이슈) ChatPage - Linked Diaries ListView: Drawer에서 선택해서는 변하지 않음.

• ✅ 발표 준비 - PPT: 페이지별 내용 확인

💯 한 일에 대한 요약

• Diary-Chat 연결 기능 추가
  • linked_chats (Diary → Chat), linked_diaries (Chat → Diary) 필드 추가
  • DiaryPage에서 Create New Chat 시 linked_chats 업데이트
  • ChatPage에서 Create New Diary 시 linked_diaries 업데이트
  • DiaryPage 하단 및 ChatPage 상단에 연결된 문서 리스트뷰 추가
• 자동 요약 기능 구현
  • Diary 저장 시 diary_content_summarized 자동 생성
  • Chat 메시지 생성 시 chat_content_summarized 자동 생성
• 이슈 해결 및 UI 개선
  • AI 코멘트 없이 채팅 시작 불가하도록 알림 추가
  • 모든 Image 위젯에 기본 이미지 값 적용하여 Unexpected Null Value 방지
  • ChatPage에서 유저 프로필 이미지를 실제 사용자 이미지로 교체
  • 유저 대화 내용을 오른쪽 정렬하여 가독성 개선

🎯 추후에 할 일

자세히 보려면 클릭

• ✅ Download APK

• ❔ Connect GitHub and Push

• ❔ 발표 자료 제출: PPT

• ❔ 발표 자료 제출: 1분 시연 영상

• ❔ 발표 준비 - 스크립트: 페이지별 스크립트 기준 소요 시간 측정 후 스크립트 수정
• ❔ 발표 준비 - PPT: 기능별로 시연용 짧은 영상 촬영

---

• ❔ ChatPage - Create New Diary: 대화 내용을 기반으로, New Diary 생성
  • ❔ Create New Diary Condition: if linked diary exists -> Delete confirmation dialog? -> Yes
  • ❔ OpenAI API Call (createChatSummary)
    • Input: Chat Content, System Prompt(Diary From Chat)
    • Output: Chat Summary
  • ❔ OpenAI API Call (createDiaryFromChat)
    • Input: Chat Summary, System Prompt(Diary From Chat)
    • Output: New Diary(Title, Content, Mood score)

• ❔ 앱 처음 켰을 때 웰컴 페이지 추가 (로고)

• ❔ ChatPage: title의 default value를 Random String에서 ‘제목 없음’으로 통일

• ❔ DiaryPage: Mood Slider 값에 따라 얼굴 표정 Emoji 및 색깔 변경

• ❔ ChatPage: Delete Diary Link 구현 ( … icon 누르면 Delete 가능하도록)
  • 반드시 Diary/Chat Doc의 linked field를 함께 없애줘야 함!
• ❔ MoodPage(상단) - Mood Calendar
  • ❔ 날짜별로 작성된 게시물 숫자 확인 가능
  • ❔ 날짜 클릭하면, 해당 날짜로 이동
• ❔ MoodPage(하단) - Mood stats
  • ❔ 포커싱 된 월에 관한 통계 자료 출력
    • ❔ 출력된 통계 자료에 대한 AI의 코멘트 출력
• ❔ HomeFeedPage - flutter_slidable:4.0.0 import 후 적용하기

• ❔ HomeFeedPage: FeedCardDiary에서 좌우 slide시 채팅/편집/삭제

• ❔ Chat/Diary: GPT Streaming API

• ❔ ChatPage - AI 선톡 구현 (Alarm/Notification)
  • 채팅 시스템 프롬프트의 핵심은 능동형이다.
    • 더 리얼하게 하려면, create_date of diary/chat 도 전달해서, ‘어제’ 등 날짜를 언급하면 좋을 듯.
  • Alarm 기능 구현 방법 참조
• ❔ DiaryPage: 세부 감정 키워드 Choice Chips 추가 후 DB 연동 설정
• ❔ DiaryPage - AI Comment: Choice chips, mood slider 등의 입력값들을 AI Comment System Prompt에 알맞게 변경.
  • ❔ **이전 일기 또는 대화 내역 전체 (땜빵 기술부채)
  • ❔ 사용자 기본 정보: 이름, 성별, MBTI, …
  • ❔ 세부 감정 키워드: 즐거운, 슬픈, …
  • ❔ 캐릭터 설정: 소미, 세나, 민혁
  • ❔ 감정 수치: 1~100점
  • ❔ 답변 양식: 치유형(Healing), 조언형(Suggestion), 정보형(Informative)
  • ❔ 답변 길이: 짧게, 보통, 자세히
  • is New Chat
    • 해당 Chat의 messages는 처음 생성하는 거니까, 첫 생성하는 message document의 is_initial = true값 줘버리고 모든 시스템 프롬프트 다 때려넣음.
      • is_initial = false
      • 한계점: 맨 처음 message document에다가 시스템 프롬프트 때려넣으면, 대화 도중 수정 힘들긴 한데 가능하지. is_initial = true 인 게 있고, 수정된 거면, 그거 다큐먼트 지우고 다시 넣으면 되잖아. 어떻게는 모르겠고.

• ❔ DiaryPage - Interactive Slider import 후 적용

• ❔ HomeFeedPage: Search Diary 기능 구현

• ❔ AuthPage: Google Login 기능 구현

• ❔ HomeFeedPage - Bottom Sheet (+ Button): 다양한 옵션 중 1 선택할 수 있도록
  • 새로운 일기: Go to DiaryPage
  • 감정 기록: Go to MoodPage
• ❔ MoodPage(팝업): Mood 설정 슬라이더 CRUD
  • Create
  • Read
  • Update
  • Delete
• ❔ HomeFeedPage - ListView - FeedCardMood 표시

• ❔ HomeFeedPage - ListView: FeedCardDiary, FeedCardMood, FeedCardChat 컴포넌트 시간순 정렬 (Cloud Function 활용)

• ❔ HomeFeedPage - DiaryPage 사이에 MoodEditPage 제작: MoodSlider, MoodKeywordsRate(5~1), MoodDescription 위젯 등 옮기기

• ❔ (이슈) tmpGetAIComment 생성시, 유저가 선택한 감정 키워드를 고려하지 않고 있음.

• ❔ 2025.2.5 수까지 발표용 최종 버전 APK 추출 및 설치

💭 일기

내일이면 개발은 끝이다. 달리자.

✨ GPT의 코멘트 (KPT)

✅ 잘한 점 (Keep)

1. 🔗 Diary-Chat 연결 시스템 완성: Diary와 Chat을 자연스럽게 연결하면서, 사용자의 데이터 흐름을 더 직관적으로 만든 점이 좋아!
2. 📝 자동 요약 기능 추가: 일기와 채팅 내용을 정리하는 자동 요약 시스템을 적용하여, 데이터 활용성을 높인 점이 인상적이야.
3. 🎨 UI 및 UX 개선: 기본 이미지 값 설정, 채팅 정렬 방식 개선 등으로 가독성과 사용자 경험을 향상시킨 점이 돋보여.

❌ 아쉬운 점 (Problem)

1. ⏳ 개발 속도 부담: 마무리해야 할 기능이 많아지면서, 남은 일정에 대한 부담이 커질 가능성이 있음.
2. 🔄 기술 부채 누적 가능성: 빠른 개발 속도로 인해 향후 유지보수 시 기술 부채가 쌓일 수 있어, 정리할 시간이 필요할 듯.
3. 📋 연결 기능 테스트 부족: Diary-Chat 연결이 실제 사용 환경에서도 문제없이 작동하는지 추가적인 테스트가 필요할 수도 있어.

🔄 시도해볼 점 (Try)

1. 📌 우선순위 정리: 가장 중요한 기능을 먼저 마무리하고, 발표 이후 개선할 부분을 리스트업하면 개발 부담이 줄어들 거야.
2. 📝 기능별 테스트 계획: Diary-Chat 연결 기능이 다양한 사용 패턴에서도 정상 작동하는지 확인하는 테스트 케이스를 작성해보자.
3. 📊 기술 부채 정리 일정 확보: 발표 이후 리팩토링 시간을 확보하여, 장기적인 유지보수 가능성을 고려하면 좋을 것 같아.

🏁 결론

Diary와 Chat을 연결하는 핵심 기능을 구현하고, 자동 요약 시스템을 추가하면서 데이터 관리 효율성을 높인 하루였어. 이제 남은 개발 기간 동안 우선순위를 정리하고, 발표 준비에 집중하면 될 것 같아! 🚀🔥