[3주차] 투두리스트 만들기

[kimgwon]

기한: 11/02 (목) 23:59까지

과제 설명

3주차 세션까지 배운 내용을 토대로 투두리스트를 만들어보세요!

조건

• 할 일 데이터 불러오기
• 각 컴포넌트는 StyledComponent 적용하여 만들기
• 할 일 목록 컴포넌트 만들기(필수: 할 일, 완료 버튼)
• 리스트에 할 일 목록 컴포넌트를 map을 통해 반복하여 넣기
• 완료 버튼 누르면 버튼 비활성화 및 색 변하게 하기

Tip

1. App.js에 Home 컴포넌트 넣기
2. Home 컴포넌트에서 할 일 데이터 불러오기
3. Home 컴포넌트에 투두 리스트 컴포넌트 넣기
4. 투두 리스트에 데이터 props로 넘기기
5. 투두 리스트 컴포넌트에 할 일 목록 컴포넌트map으로 반복하기
6. 할 일 목록 컴포넌트에 listenr 전달하여 완료 버튼 작동하게 하기
7. 할 일 목록에 할 일, 완료 버튼 넣기

예시

설명 영상

영상은 다음주 월요일 내로 업데이트!
영상 안보고 미리 해보세요 :)

설명 영상 보러가기

---

*기한 내 미제출은 1OUT 대상으로, 3OUT이 되면 동아리 활동이 어려운 점 잊지 마세요 !!
어려우면 포기하지말고 멘토에게 적극적으로 질문 해주길 바랍니다 !!

[sengooooo]

2주차랑 같이 머지 해버렷습니다.......ㅠ