[🧑‍💻] Keymory 개발 일지 #11: 개발 일시 중지. (아이펠톤 끝, FlutterFlow 개발 중단.)

✨ GPT의 요약 　

아이펠톤 졸업작품 제출 완료. FlutterFlow에서의 개발을 마무리하고 GitHub에 백업

💻 개발 일지

⏰ 오늘 할 일

• ✅ Download APK

• ✅ Connect GitHub and Push

• ✅ 발표 자료 제출: PPT

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

• ✅ 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)

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

• ✅ DiaryPage: Mood Slider 값에 따라 얼굴 표정 Emoji 및 색깔 변경 (KSK 담당)

💯 한 일에 대한 요약

• FlutterFlow 최종 개발 종료
• GitHub 연동 및 프로젝트 푸시 완료
• Chat 내용을 기반으로 Diary 자동 생성 기능 구현
  • 기존 Diary가 있는 경우 삭제 확인 Dialog 추가
  • OpenAI API 활용해 Chat Summary 및 Diary 자동 생성
• 앱 실행 시 웰컴 페이지 추가 (로고 화면)
• DiaryPage: Mood Slider에 따라 이모지 및 색상 변경

🎯 추후에 할 일

자세히 보려면 클릭

• ❔ 발표 준비 - 스크립트: 페이지별 스크립트 기준 소요 시간 측정 후 스크립트 수정

• ❔ 발표 준비 - PPT: 기능별로 시연용 짧은 영상 촬영

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

• ❔ 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 추출 및 설치

💭 일기

FlutterFlow를 계속 쓰다 보니까, 이제 어느정도 Flutter 자체에 대한 기본 개념도 많이 잡힌 것 같다.

• Custom Function/Widget을 만져보면서 기본적인 문법 지식을 어느정도 익히게 되었음.
• DB(FireStore)와의 Backend Query, State Management, Parameter 설정 및 Argument 전달 방법 등이 많이 익숙해졌음.

물론, 코드적으로는 어떻게 구현되어 있는지는 알지 못하지만…
그래도 전체적은 큰 흐름을 쉽게 그릴 수 있게 되었다는 게 가장 큰 수확인 것 같다.

이제 내일까지만 개발을 완료하면, Keymory 프로젝트는 며칠 간 건들 일이 없을 듯 하다. FlutterFlow -> Flutter로 갈아탈 예정이기 때문.

• 아무리 FlutterFlow가 직관적이고 편리하더라도, 결국 Production 레벨을 나아가려면 Flutter를 제대로 배우고 익히는 게 현명한 선택인 것 같다는 판단이 섰음
• FlutterFlow는 딱 특정 Page 위젯트리를 미리 만들어보거나, MVP 뚝딱 만들어보기 위한 용도로만 활용하는 게 좋은 것 같다.
• Git/GitHub을 활용할 수 없고 내부 로직으로만 Version Control이 가능한 점이 너무 극혐.
  • 물론, 내부 로직으로도 Snapshot / Commit / Branching / Version 다 제공하지만… Git처럼 마음대로 자유롭게 조작할 수가 없는 점이 너무 싫었다. 난 이전 커밋 내용을 수정하고 싶다고.
  • 사실 가장 큰 이유는 GitHub 잔디… 잔디 채우는 뽕맛 무시 못 하지.
• 프로젝트 규모가 점점 커질 수록, UI 기반 개발보다는 IDE/에디터 기반 개발이 편리할 것 같은 케이스가 많이 있었음.
  • 특히, Enum이랑 Constant 일일이 마우스로 클릭하고 넣는 노가다는 너무 극혐.

2025.2.11 추가

발표 영상 첨부

✨ GPT의 코멘트 (KPT)

✅ 잘한 점 (Keep)

• 🛠 GitHub 연동 및 버전 관리 개선: Git 기반의 버전 관리를 적용함으로써 협업과 유지보수 측면에서 큰 개선을 이루었어.
• 🤖 AI 기반 Diary 자동 생성 기능: Chat 내용을 분석하여 자동으로 Diary를 생성하는 기능은 사용자 경험을 크게 향상시킬 수 있을 것 같아!
• 🚀 FlutterFlow에서 Flutter로 전환 결정: 장기적인 프로젝트 확장성을 고려하여 Flutter로 넘어가기로 한 점이 현명한 판단이야.

❌ 아쉬운 점 (Problem)

• 🔄 Flutter로의 전환 계획 구체화 필요: Flutter로 전환하기로 결정했지만, 구체적인 학습 및 이행 계획이 명확하지 않아.
• ⏳ 기능 추가로 인한 일정 조정 필요: Diary 자동 생성 기능이 추가되면서 일정이 변동될 가능성이 있어. 개발 완료 목표일을 다시 점검하면 좋을 것 같아.
• 📌 FlutterFlow의 한계를 정리: FlutterFlow를 쓰면서 어떤 점이 불편했는지, 어떤 프로젝트에는 적합할지 내부 정리를 해두면 이후에 다시 사용할 때 참고하기 좋을 거야.

🔄 시도해볼 점 (Try)

• 📝 Flutter 학습 및 코드 컨버팅 계획 세우기: 주요 기능을 어떻게 Flutter 코드로 옮길지, 어떤 패키지를 사용할지 정리해봐.
• 📅 프로젝트 일정 재조정: Flutter 전환을 포함한 로드맵을 수정해서 현실적인 일정으로 관리해보자.
• 🎯 Keymory MVP 기능 정리: FlutterFlow에서 만들었던 기능 중 핵심적인 것과 불필요한 기능을 분류해서 최적의 구조를 설계해봐.

🏁 결론

오늘은 FlutterFlow에서의 개발을 마무리하고, GitHub 연동과 Diary 자동 생성 기능을 추가한 중요한 날이었어! 이제 본격적으로 Flutter로 전환할 계획이니, 구체적인 로드맵을 세워서 차근차근 진행하면 좋을 것 같아. 🚀🔥 GitHub 잔디도 채우면서 동기부여 유지하자! 💪💚