Create Week3 Mission1,2,3

[woojo230]

📝 미션 번호

3주차 미션 1,2,3

📋 구현 사항

• api 연결
• pageNation 구현
• custom hook 내부 useEffect 활용
• 에러처리, 로딩처리
• 데이터 없을 시 대체 ui 구현
• router 설정
• layout 설정

📎 스크린샷

✅ 체크리스트

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

🤔 질문 사항

[hyesngy]

고생 많으셨습니다!👏👏
이번 주 워크북을 통해 useEffect, API 연동, 라우팅과 상태 관리까지 경험해보셨네요!
데이터가 없는 경우의 폴백 처리까지 구현이 잘 되어 있네요! UX까지 고려하여 구현한 점이 인상적입니다!
계속해서 실습과 학습을 병행하며 실력을 쌓아가시길 응원합니다!!👍👍

[hyesngy]

PR에 .env 파일이 포함되어 있는데, .gitignore에 추가하고 PR에서 제거해주세요! API 키는 비공개로 유지하는 것이 좋습니다!

[hyesngy]

이렇게 타입만을 import하는 경우에는 import type 으로 사용하게 되면, 컴파일 후 js 파일에서 아예 사라져 성능 개선에도 도움이 되고, 컴파일 속도도 빨라집니다!