[ Week 8 ] 8주차 워크북 미션

[fsdffds]

🛠 Mission

미션 1. ToDo List 구현 (useEffect 활용)
미션 2. ToDoList 구현 (Tanstack-Query 활용)
미션 3. 기존, 영화 사이트 리팩토링 진행!

📝 To-do

미션 1. ToDo List 구현 (useEffect 활용)

• http://localhost:3000/doc 에서, **swagger**를 통해, 서버 통신을 활용하여, 개발을 진행해보세요.
  • 어려우시거나, 헷갈리시는 부분이 있으시면, **README.md를 확인**해주세요!
• **custom-fetch-hook**을 만들어 사용하였는가?
• **컴포넌트 분리**를 잘 진행했는가?
• **Styled-Components**를 활용하여, 스타일링을 멋있게 진행했는가?
  • 위의 디자인은, 참고일 뿐, 더욱 멋있게 디자인 진행해주세요!
• **useEffect**를 활용하여, API 통신을 진행해주세요!
• 로딩, 에러처리, 버튼의 Disabled 처리를 진행해주세요!

미션 2. ToDoList 구현 (Tanstack-Query 활용)

• GET 요청 시 useQuery를 활용
  • queryKey 설정을 잘 하였는가?
• POST, DELETE, PATCH 요청시, **useMutation**을 활용

미션 3. 기존, 영화 사이트 리팩토링 진행!

• POST 요청시, **useMutation**을 활용한 코드로 리팩토링
  • 회원가입 api를 useMutation을 활용한 코드로 수정해주세요!
  • 로그인 api를 useMutation을 활용한 코드로 수정해주세요!
• https://watcha.com/ 홈페이지를 보며, 본인의 프로젝트의 완성도를 높여주세요.

🔍 접근 방법

useEffect, useMutation 활용