FitLog

Overview

식단·운동·체중을 날짜별로 기록하고, 커뮤니티에서 건강 정보를 공유할 수 있는 풀스택 건강 관리 웹앱입니다.

Problem

헬스 관리 도구가 너무 많아서 기록 → 분석 → 공유가 한 곳에 묶이지 않아요. 체중은 한 앱에, 식단은 다른 앱에, 운동은 또 다른 앱에 흩어지는 게 일반적이었습니다.

주요 기능

• 날짜별 건강 기록 대시보드 — 식단·운동·체중을 한 화면에서
• 식단 — 공공 영양 DB 검색, 즐겨찾기, 직접 입력
• 운동 — 강도별 자동 칼로리 계산
• 체중 추이 — Chart.js 기반 시각화
• 커뮤니티 — 게시글, 계층형 댓글, 좋아요
• 프로필·설정

Decisions

• 단일 화면 대시보드 — 기록과 그래프가 한눈에 보이도록
• API 재설계 — 초기엔 호출이 잘게 쪼개져 있었는데, 조인 기반으로 묶어 데이터 완전성을 확보
• 상태 관리 전환 — 로컬 상태에서 서버 기반 상태관리로 옮기면서 날짜 동기화 문제를 해결
• CSS·라이브러리 분리 — 모달 렌더링 충돌이 있어 스타일링 영역을 명확히 나눔

Learnings

기획부터 API 설계, UI까지 전부 혼자 구현해본 첫 풀스택 프로젝트였어요. 설계 트레이드오프를 체감하면서, “왜 이 결정을 했는지” 기록하는 습관도 이때 생겼습니다.