Create Week3 Mission1, 2, 3

[sheepyis]

📝 미션 번호

3주차 Misson 1, 2, 3

📋 구현 사항

• useEffect를 활용하여 영화 데이터 불러와서 list 구현하기
• spinner 라이브러리 등을 활용해서 로딩 처리
• 커스텀 훅을 통해 에러 처리 구현하기
• 페이지네이션 UI 구현하기
• useParams로 주소로부터 movieId를 얻어 영화 상세 페이지 만들기

📎 스크린샷

✅ 체크리스트

• Merge 하려는 브랜치가 올바르게 설정되어 있나요?
• 로컬에서 실행했을 때 에러가 발생하지 않나요?
• 불필요한 주석이 제거되었나요?
• 코드 스타일이 일관적인가요?

🤔 질문 사항

📝 미션 번호

4주차 Misson 1, 2, 3

📋 구현 사항

• 커스텀 훅으로 통신 get 요청 받아오기
• useForm 훅을 이용하여 로그인 구현하기
• react-hook-form+zod를 활용한 회원가입 구현하기

📎 스크린샷

- Mission1

- Mission2

- Mission3

✅ 체크리스트

• Merge 하려는 브랜치가 올바르게 설정되어 있나요?
• 로컬에서 실행했을 때 에러가 발생하지 않나요?
• 불필요한 주석이 제거되었나요?
• 코드 스타일이 일관적인가요?

🤔 질문 사항

[hyesngy]

고생 많으셨습니다!👏👏
코드가 매우 효율적으로 구현되어 있고 스타일도 깔끔합니다! 특히 제네릭 타입을 사용한 커스텀 훅을 통해 API 호출 로직을 재사용 가능하게 만든 부분이 인상적이고, 전체적인 구조가 잘 정리되어 가독성이 매우 좋아요!

이번 주 워크북을 통해 useEffect, API 연동, 라우팅과 상태 관리까지 경험해보셨네요!
계속해서 실습과 학습을 병행하며 실력을 쌓아가시길 응원합니다!!👍👍

[hyesngy]

고생 많으셨습니다!👏🏻👏🏻

SignUpForm 컴포넌트에서 단계별로 Section1, Section2, Section3로 컴포넌트를 잘 분리하여 구현했고, 각 단계마다 Zod 스키마와 react-hook-form을 효과적으로 활용한 점이 좋습니다!

CSS에서 크기 단위로 vw를 사용했는데, 작은 화면에서 레이아웃이 깨질 수 있으므로 반응형 디자인을 위해 rem 단위를 고려해보면 어떨까요!

이번 챕터에서 배운 커스텀 훅 구현과 로그인/회원가입 기능은 프로젝트에서도 매우 중요하게 사용되고 앞으로도 계속 활용하게 될 기술입니다! 그만큼 이 기회에 깊게 공부해보시면 좋을 것 같습니다!