Day 14. 하루 세가지
나를 성장시키는 마법
평소 할 일이 있으면, Trello라는 앱을 이용해서 관리를 한다.
주로 Todo, Doing, Done 이렇게 컬럼을 만들어 넣고,
그 아래 해야할 일들을 넣어 놓고, 진행 상황에 따라 해당 컬럼으로 옮긴다.
매우 편리한 앱/서비스이지만, 기간이 한 눈에 들어오지 않는 단점이 있다.
뭔가 하루에 할 일을 정해놓고 그걸 기록하는 앱이 있으면 어떨까 해서 CursorAI를 통해 개발을 진행하게 되었다.
아래는 해당 앱에 대한 내용이다.
앱 실행시 첫랜딩 페이지� 홈 화면 (메인 기능)
✨ 핵심 기능
매일 3개 할 일 제한: 하루에 최대 3개만 설정 가능 (집중력 향상)
실시간 진행률 바: 완료된 할 일에 따라 진행률 시각화
포인트 시스템: 할 일 완료 시 10포인트 자동 획득
연속 달성 일수: 매일 지속적으로 달성한 연속 기록
할 일 작성 예시� 게이미피케이션 요소
동적 배지 시스템:
� 시작 (0개 완료)
� 좋음 (1개 완료)
⭐ 훌륭함 (2개 완료)
� 완벽함 (3개 완료)
� 격려 시스템
완료도별 메시지:
0개: "� 오늘도 화이팅! 첫 번째 할 일부터 시작해보세요!"
1-2개: "� 잘하고 있어요! 계속 화이팅!"
3개: "� 완벽해요! 오늘 할 일을 모두 완료했습니다!" (바운스 애니메이션)
캘린더 화면 예시� 캘린더 화면
� 시각적 데이터 표현
색상 코딩 시스템:
� 초록색 (#4CAF50): 100% 완료 (완벽한 날)
� 연두색 (#8BC34A): 66%+ 완료 (우수)
� 노란색 (#FFC107): 33%+ 완료 (보통)
� 빨간색 (#FF5722): 33% 미만 (개선 필요)
⚪ 회색 (#f0f0f0): 데이터 없음
� 월간 통계
활동 일수: 이번 달 할 일을 설정한 총 일수
완벽한 날: 100% 완료한 날의 개수
평균 달성률: 이번 달 전체 평균 완료율
� 상세 정보
날짜별 상세: 날짜 클릭 시 그날의 모든 할 일과 완료 상태 확인
월 이동: 이전/다음 달 데이터 탐색 가능
리더보드 예시� 리더보드 화면
� 소셜 경쟁 시스템
친구 추가: 새로운 친구를 쉽게 추가 가능
실시간 순위: 나와 친구들의 실시간 순위 확인
나 표시: 내 순위를 특별히 강조 표시
� 시상대 시스템
TOP 3 표시:
� 1등 (금색 배경)
� 2등 (은색 배경)
� 3등 (동색 배경)
바운스 애니메이션: 순차적으로 나타나는 멋진 애니메이션
⏱️ 필터 시스템
주간: 이번 주 달성률 기준 순위
월간: 이번 달 포인트 기준 순위
전체: 누적 포인트 기준 순위
� 상태 표시
✅ 완료: 오늘 할 일을 모두 마친 상태
⏳ 진행중: 아직 완료하지 못한 상태
프로필 화면 예시� 프로필 화면
� 개인 대시보드
4가지 핵심 통계:
총 포인트
연속 달성 일수
완료한 총 할 일 개수
활동한 총 일수
� 레벨 시스템
레벨 계산: 10개 완료할 때마다 레벨업
진행률 바: 다음 레벨까지 남은 할 일 개수 시각화
동기부여 메시지: "N개의 할 일이 더 필요해요!"
� 업적 시스템 (5가지)
� 첫 발걸음: 첫 번째 할 일 완료
� 꾸준함의 시작: 3일 연속 달성
⭐ 진정한 실천가: 7일 연속 달성
� 열정의 화신: 50개 할 일 완료
� 완벽주의자: 100개 할 일 완료
� 개인화 기능
프로필 편집: 이름과 아바타 변경 가능
10가지 아바타: � � � � � � � � � �
⚙️ 설정
알림 설정: 할 일 완료 알림 on/off
효과음 설정: 완료 시 효과음 재생 on/off
데이터 초기화: 모든 데이터 삭제 (확인 다이얼로그 포함)
� 기술적 특징
� 데이터 저장
AsyncStorage 사용: 모든 데이터가 기기에 로컬 저장
날짜별 저장: todos_YYYY-MM-DD 형식으로 체계적 관리
실시간 동기화: 화면 간 데이터 실시간 연동
� UI/UX 디자인
일관된 색상 시스템: #FF6B6B 메인 컬러
부드러운 애니메이션: react-native-animatable 활용
직관적인 네비게이션: 하단 탭 네비게이션
반응형 디자인: 다양한 화면 크기 대응
� 모바일 최적화
터치 친화적: 큰 터치 영역과 명확한 버튼
네이티브 느낌: 플랫폼별 최적화된 UI 컴포넌트
부드러운 스크롤: ScrollView 기반 자연스러운 스크롤
할 일이 너무 많을 때, 정말 해야할 일만 정하고,
그걸 반드시 그날 처리할 수 있도록 한다면 내 인생은 한 발 더 앞으로 가 있을거라고 생각한다.
그냥 막연하게 하루를 살아가는것보다,
내가 어떤 일을 했는지 기록을 남기면서,
먼 훗날 '아 정말 열심히 했네~'라는 뿌듯함이 있기를 바란다.
기능은 간단한 메모, 일기, AI assitant 등의 기능도 추가해볼까 한다.
