[Android 개발일지] MVVM 패턴으로 Todo, Done List 만들기 - (1) 기획, Mockup

MVVM 패턴에 대해 공부하고, 이를 좀 더 활용해보고자 TodoList 프로젝트를 기획하게 되었다.

프로젝트 계의 클래식이라고 할 수 있는 TodoList 를 MVVM 패턴을 사용하여 구현하려고 한다. 

또한 약간의 차별화를 위해 끝낸 일들만을 보여주는 DoneList와 함께 다크모드를 구현하려고 한다.

 

2021.04.19 - [안드로이드/AAC, MVVM] - [Android] 안드로이드 AAC & MVVM

[Android] 안드로이드 AAC & MVVM

개발 목표 (기능)

• 메모 추가
• 메모 리스트
• 메모 삭제
• 메모 검색
• 끝낸 메모 리스트
• 환경설정
• 다크모드

 

---

기본적인 구조 (Mockup)

1. 스플래시 화면

로딩시간이 길지 않아 크게 보이진 않겠지만

앱의 완성도를 높이기 위해 스플래시 화면으로 시작한다.

 

2. 메모 리스트 (첫번째 탭)

 

기본적으로 서치뷰와 햄버거 버튼, 3개의 탭으로 이루어진 뷰페이저를 사용할 것이며

첫번째 탭에서는 메모 리스트들을 볼 수 있고, 수정하거나 삭제가 가능하며

밑의 Fab 버튼으로 메모를 추가할 수 있도록 구현한다.

또한 상단의 검색창에 메모를 검색하여 메모를 찾을 수 있도록 한다.

 

3. 작성, 수정 화면

메모를 추가하거나 수정할 때 보여지는 화면으로 다이얼로그로 띄운다.

 

4. 날짜 화면 (두번째 탭)

두번째 탭에서는 달력을 보여주며

선택된 날짜에 따른 리스트들을 볼 수 있고 메모를 추가할 수 있도록 할 것이다.

 

5. 끝낸 메모 리스트 (세번째 탭)

끝낸 메모 리스트들을 보여줌으로써

자신이 어떤 일을 했었는지 보여주고, 동기부여 하려고 한다.

 

6. 환경설정

햄버거 버튼에서 설정 등의 부가기능들을 추가한다.

 

앱은 대략 이런식으로 개발할 것이며

개발 중 일부는 수정될 수 있다.

 

 

https://github.com/HanYeop/TodoneList

HanYeop/TodoneList