react_todo 8.2 프로그램 진행 팁

react todo 글 1

 

[ 8.2 프로그램 진행 팁 ]

step1. 무언가 만들려고 한다면 
거기에 필요한 모든 기능들을 작성해 본다. 
ㄴ 기능별로 리스트 만들기 


(Before - 기능분류) 
투두앱
1.전체 리스트 보여주기
2. 아이템 삭제
3. 아이템 체크박스
4. 아이템 추가
5. 아이템 필터링
6. 다크모드 지원 


(step2. 일단 필요한 기능들을 순서 상관없이 작성해본다. ) 

<우선순위별로 재배열>
기능별로 조금씩 , 단계별로 나누어서 , 필수로 구현해야하는 것 들을 가장 먼저 구현 할 수 있도록 목록을 재배열한다.(우선순위매기기) 
+조금조금씩 기능들 덧붙이기 
+그리고 리액트를 사용해서 작성하는 것이므로, 한꺼번에 구현하는 것이 아니라 어떻게 컴포넌트로 나누어서 만들어 갈 것인가 고민하기
ㄴ (만약 컴포넌트로 나누기 어렵다면)일단 App에서 만들고 잘게 쪼개어 나가는 것도 방법이 되겠다.

 

(After - 기능분류)
 투두앱
1. 전체 아이템들 보여주기
2. 아이템 추가
3. 아이템 삭제
4. 아이템 체크박스
5. 아이템 필터링
6. 다크모트 지원
7. 로컬스토리지에 저장


🟠리액트 아이콘 : https://react-icons.github.io/react-icons/
ㄴ 사용하고 싶은 곳에서 바로 import 해와서 사용할 수 있다.

 

---

[8.3 리스트 구현하기 ❓]
todo 의 객체를 어떻게 디자인 하면 되는지 고심해보기