[🧑‍💻] Keymory 개발 일지 #4: Mood slider, OpenAI API

✨ GPT의 요약 　

Keymory의 주요 기능을 개선하며 AI 연동과 데이터 구조를 다듬었지만, 시간이 부족한 현실을 체감한 하루.

💻 개발 일지

⏰ 오늘 할 일

• ✅ DiaryPage - Mood: Mood 설정 슬라이더 완성
• ✅ HomeFeedPage - ListView - FeedCardDiary: Border에 Mood Color 표시
  • Container의 Box Shadow로 해결
• ✅ OnboardingPage - 사용자 기본 정보 추가 입력 후 저장
  • ✅ DB Field 추가: 이름(display_name), 성별(gender), MBTI(mbti), …
  • ✅ HomeFeedPage - OnPageLoad: display_name, gender 등 필수 입력 정보 미입력 시 Navigate to OnboardingPage
  • ✅ Field Type - Enum vs String: Field Type은 String으로 설정해야 관리하기 쉬움. Enum은 Option Value Generation에서만 활용 결정.
• ✅ OpenAI API Request -> Response body의 message 값 정상 출력되도록 수정
• ✅ 토론 및 실험: AI 캐릭터 정보 저장 위치? (OpenAI API Assistant vs FireStore Character Collection)
  • 결과: FireStore Characters Collection에 저장하기.
    • 이유: 유저 입장에서는 Get Assistant API Call밖에 쓸 일이 없으며, 애초에 받을 값도 고정된 값임.

💯 한 일에 대한 요약

• DiaryPage 개선
  • Mood 설정 슬라이더 완성
  • AI Comment CRUD 기능 구현
  • AI Comment 말투 및 조언 방식 커스터마이징 버튼 추가
  • AI 캐릭터 정보 저장 방식 결정 및 적용
• HomeFeedPage 개선
  • 날짜 출력 기준을 ‘월’ 단위에서 ‘일’ 단위로 변경
  • AI Comment 이미지 및 텍스트 출력 로직 추가
  • Bottom Sheet 및 ListView 개선
• AI 시스템 및 API 연동
  • OpenAI API Request 수정, Response 정상 출력 확인
  • AI 캐릭터 정보 저장 위치 FireStore로 결정
  • AI Comment 관련 데이터 구조 정리 및 기능 추가

🎯 내일 할 일

(생략)

🎯 추후에 할 일

• ❔ diary to chat
• ❔ chat to diary

• ❔ chats history

• ❔ CustomFunction getDiaryParams 구현 시나리오 구상하기
  • Characters (Collection)로부터 얻을 Parameter Values
    • 캐릭터 설정 (Character Document)
      • ex) 소미: name(20대), 대학생, 부끄러운 성격, …
    • 값 호출 방식: API Call - Get Assistant
  • User Information로부터 얻을 Parameter Values
    • 이름, 성별, MBTI
    • 값 호출 방식: Backend Query - Authenticated User
  • DiaryPage Variables로부터 얻을 Parameter Values
    • 일기 내용, 세부 감정 키워드, 감정 수치, 답변 양식, 답변 길이
    • 값 호출 방식: Widget State, Page State
  • CustomFunction(getDiaryParams)의 역할
    • Parameter Values를 다 Input값으로 받는다.
    • GPT에게 보낼 프롬프트를 작성한다.
    • Messages (List <Json>) 값을 리턴한다.
      • [{"role":"developer", "content":"~~~"}]
• ❔ OpenAI API Call 생성: createDiaryComment
  • 기본적으로는 createChatCompletion과 비슷한 구조
  • 다른 점: 없음. 그냥 구분하기 위해서 생성.
  • API Call - createDiaryComment에서 요구되는 Messages Variable은 custom function getDiaryParams의 리턴값이다.
• ❔ OpenAI API - Assistant에다가 시스템 프롬프트 목록 저장하기?

• ❔ OpenAI API의 Assistant에 저장된 시스템 프롬프트에 기반해서 메시지 작성하도록 로직 짜기?

• ❔ DiaryPage: Mood Slider 값에 따라 얼굴 표정 Emoji 변경
• ❔ 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 - AI Comment: manipulate_prompt Custom Function 제작
  • 전달받은 매개변수에 알맞게 switch-case로 시스템 프롬프트 완성하고, return값으로 List <JSON> 반환
  • 시스템 프롬프트 담당자가 해당 Return값을 OpenAI API의 Request Body에 적절하게 삽입하여 결과값을 받아와야 함.
• ❔ DiaryPage - AI Comment: 더미 데이터로 CRUD 완성하기
  • ❔ tmp_ai_comment field 없애고, doc_ref 활용
• ❔ DiaryPage - AI Comment: 캐릭터 설정
  • ❔ tmp_ai_comment_by field 없애고, doc_ref 활용
  • ❔ profile_image field 값으로 이미지 출력
• How to Use Open AI’s GPT-4o in FlutterFlow - Part 1
• How to Use Open AI’s GPT-4o in FlutterFlow - Part 2

---

• DiaryPage - Start AI Chat: 일기의 내용을 기반으로, New Chat 생성
  • AI가 먼저 일기 내용에 기반하여 질문 제시
• ChatPage - ChatHistoryPage 생성: 이전 채팅 내역 ListView로 나열
  • Create
  • Read
  • Update
  • Delete
• DiaryPage - Drawer - ChatHistoryListTile 생성: ChatHistoryPage 카드 요약형 (GPT 처럼)

---

• 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: On page load시 이슈 해결 (Unexpected Null Value)
• Interactive Slider 적용
• 2025.2.5 수까지 발표용 최종 버전 APK 추출 및 설치

💭 일기

시간이 없다.

생략.

✨ GPT의 코멘트 (KPT)

✅ 잘한 점 (Keep)

• 🚀 주요 기능 대폭 개선: AI Comment CRUD, Mood 설정, HomeFeedPage 개선 등 핵심 기능을 확장하며 프로젝트의 완성도를 높인 점이 훌륭해.
• 🔍 데이터 구조 정리: AI 캐릭터 정보 저장 위치를 FireStore로 결정하는 등 데이터 관리 방식을 체계적으로 정리한 점이 인상적이야.
• 📋 구체적 목표 설정: 남은 작업과 우선순위를 명확히 정리하며, 발표용 버전까지의 진행 계획을 구체화한 점이 좋았어.

❌ 아쉬운 점 (Problem)

• ⏳ 시간 부족: 개발 일정이 촉박해지며, 충분한 테스트와 디버깅 시간이 부족할 가능성이 커지고 있어.
• 🏗️ 임시 해결책 다수 존재: 일부 기능을 빠르게 구현하기 위해 임시 필드와 함수로 해결한 부분이 많아, 기술 부채가 쌓일 가능성이 있어.

🔄 시도해볼 점 (Try)

• 🛠️ 우선순위 조정: 발표용 최종 버전에 반드시 필요한 기능과 이후 개선이 가능한 기능을 명확히 분리해, 핵심 기능부터 완성도를 높이자.
• 🕵️ 버그 체크 시스템 구축: 시간이 부족한 만큼, 매일 짧은 단위로 기능 테스트 및 디버깅을 진행해, 예상치 못한 오류를 최소화하자.
• 🔄 기술 부채 정리 계획: 임시로 구현한 기능들의 개선 계획을 문서화하고, 발표 이후 우선적으로 다듬을 부분을 정리해두자.

결론
오늘은 Keymory의 핵심 기능을 완성하며 프로젝트의 완성도를 높였지만, 촉박한 일정 속에서 시간 부족을 절실히 느낀 하루였어. 발표일까지 최선을 다하면서도, 이후 개선을 위한 정리도 병행하길 응원할게! 💪😊