티스토리 뷰
개요
무스마에서 배운 플러터 지식을 기반으로 하나 만들어보고 싶은 앱이 생겼다.
바로 내 운동루틴에 맞춘 운동일지 앱이다.
예전에는 나름 꾸준히 루틴대로 운동을 했었는데
근래에는 운동을 소홀히 했던 것 같다.
그래서 내가 쓰기 위한 운동일지 앱을 하나 만들어서
나름대로 목표를 정하고 변화과정을 한눈에 보기쉽게 알 수 있도록 하면
되게 좋을 거 같다는 생각이 들었다.
앱 컨셉
본인은 체질 때문에 어릴 떄부터 쭉 마른 체형에 속해있던 사람이었다.
마른 사람들을 보통 멸치라고 부르는데 본인은 이 멸치상태를 탈출하고 싶었다.
'운동 열심히 해서 멸치에서 고등어라도 되어보자!' 이게 이 앱의 취지이다.
그래서 앱 이름을 '멸치 탈출'로 지었다.
구현할 화면들
1. 스플래쉬 화면
2. 메인화면
3. 유저 프로필 화면
4. 전체 일지 확인 화면
5. 운동화면
6. 전체 업적 확인 화면
피그마
위의 기획을 기반으로 피그마를 이용해 짠 디자인이다.
사실 처음부터 모든 걸 기획하고 만들었다기 보단
1인 개발이라 디자인 하나씩 추가하면서 기획에 살을 붙여가는 식으로 했던 것 같다.
대략적인 내용은 이렇고 좀 더 자세한 내용과
개발과정, 소스코드는 추후 개발일지에서 다룰 예정이다.
'멸치탈출 (플러터)' 카테고리의 다른 글
[플러터] 홈 화면 그리기 & 다이얼로그 사용법 (1) | 2024.04.21 |
---|---|
[플러터] 이름 입력 페이지 구현 (싱글톤 패턴을 활용한 shared_preferences 사용법) (1) | 2024.04.20 |
[플러터] 앱 테마 변경 기능 구현 (1) | 2024.04.19 |
[플러터] 스플래쉬 화면 구현 (이미지에 애니메이션 주기) (0) | 2024.04.13 |
[플러터] 앱 기본 세팅 (VSCODE 사용) (0) | 2024.04.12 |