프로젝트 개요
2주간 작업, Next.js 14 App Router를 적용한 영화 정보 제공 프로젝트
사용한 도구
JavaScript
Next.js
React
Tailwind CSS
next-themes
React Query
React Icons
Netlify
문제해결 과정 및 배운 점
1) API 키 누락
↳ 해결: .env.local 파일
변수명 수정 (NEXT_PUBLIC_ 접두사 추가)
2) 데이터 불일치
↳ 해결: TMDB API 문서를
재확인한 후, movie만 가져오도록 URL 수정
개발 포인트
- - 4개의 페이지( HOME, ABOUT, Trending, Top Rated ) 및 반응형 UI 구현
- - 키워드별 검색, 테마 전환 (next-themes)
- - 무한 스크롤 등 기능 추가 예정, 확장성 고려하여 React Query 적용 (데이터 캐싱 및 성능 최적화)