TODO LIST - 1. 개발 계획 세우기

여태까지 배운 내용을 바탕으로 간단한 프로젝트를 만들기로했다

 

4단계에 걸쳐서 어떤 서비스를 만들지 계획을 세웠다

 

1. 앱 요구 사항과 기능정하기
2. 페이지 나누기(단일 페이지 앱이 될것이므로 이부분은 고려 X)
3. 앱의 기능을 여러 카테고리로 나누기(state 관리 , 앱내에서 사용될 데이터의 흐름 생각하기)
4. 앱을 개발하면서 사용할 라이브러리 정하기(기술 스택)

 

1.앱 요구 사항과 기능 정하기

 

• 간단하게 할 일을 관리할수 있는 앱 제작
• 로그인 기능은 구현 X
• 사용자가 리스트에 있는 할 일을 관리할수 있음(생성,읽기,삭제, 수정)
• 각각의 일정에 카테고리 설정이 가능
• 각각의 일정에 메모기능을 제공해 짧은글을 남길수 있음
• 완료된 일정 체크 기능
• 일정 검색기능
• 다크모드 기능

 

 

2.기능 카테고리로 나누기

 

 

구현 해야할 기능을 카테고리로 나누면 이렇다

 

1. TODO (일정 관리)
2. UI (다크모드 기능)

 

가장 크게 관리 해야할 데이터는 일정에 대한 데이터다

 

일정에 대한 데이터는 앱 전체에서 사용될것이고 API를 사용하지 않기 때문에 Global UI state로 분류한다

 

두번째는 다크모드 설정에 관한 데이터이다 이 역시 앱 전체에서 사용될 것이고 API를 사용하지 않기 때문에 Global UI state로 분리

 

 

3.기술 스택 정하기

 

• build : vite
• javascript : react
• css : tailwindcss
• UI State management : Redux(redux toolkit) + context API

버전관리는 git을 이용