Create Week3 Mission1,2,3

[joyeeon]

📝 미션 번호

3주차 Misson 1,2,3

📋 구현 사항

• mission 1, 2, 3 구현
• types 파일에 공용 인터페이스 이용
• hooks에서 Loading 훅 관리
• pages와 components로 페이지, 컴포넌트 분리
• layout에서 라우팅 관련 구현

📎 스크린샷

✅ 체크리스트

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

🤔 질문 사항

tailwindcss 의 tailwind.config.js 가 생기지 않는데 어떻게 만들 수 있는걸까요..

[hyesngy]

고생 많으셨습니다!👏👏
영화 카테고리를 URL 파라미터(:category)로 변수화한 접근 방식이 인상적입니다!

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

[hyesngy]

이 부분에 오타가 난 것 같습니다...!!

Suggested change

	w-full h-12 flex items-center justif px-10
	w-full h-12 flex items-center justify-between px-10

[hyesngy]

OAuth 2.0 표준에 따라 토큰 타입을 명시하는 "Bearer"를 접두어로 붙여주세요!

Suggested change

	Authorization: token,
	Authorization: `Bearer ${token}`,

[hyesngy]

OAuth 2.0 표준에 따라 토큰 타입을 명시하는 "Bearer"를 접두어로 붙여주세요!

Suggested change

	Authorization: token,
	Authorization: `Bearer ${token}`,

[hyesngy]

OAuth 2.0 표준에 따라 토큰 타입을 명시하는 "Bearer"를 접두어로 붙여주세요!

Suggested change

	Authorization: token,
	Authorization: `Bearer ${token}`,

[hyesngy]

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

[hyesngy]

질문사항을 지금 확인했는데, tailwindcss v4 부터 tailwind.config.js 파일대신 css에서 직접 설정을 정의하도록 변경 되었습니다! tailwindcss v4 업데이트 관련 내용은 공식 문서나 관련 글을 찾아보면 자료가 많이 나오니 알아보면 도움이 될 것입니다!
tailwindcss 공식 블로그 : https://tailwindcss.com/blog/tailwindcss-v4