ReelTrailer

과거 React로 개발했던 ReelTrailer를 다시 살펴보면서, 현재의 개발 지식과 Next.js의 구조를 적용해 기존 코드를 개선해보고자 했습니다.단순히 React 프로젝트를 Next.js로 옮기는 것이 아니라,기존 코드의 문제점을 분석하고 불필요한 코드와 상태를

과거 React로 개발했던 ReelTrailer 프로젝트를 다시 실행해 현재 상태를 확인했습니다.개발 서버와 애플리케이션 자체는 정상적으로 실행되었지만,기존에 화면에 표시되던 TMDB 영화 및 TV 콘텐츠와 YouTube 트레일러 데이터가 정상적으로 표시되지 않는 문제

지난 글에서는 React로 개발했던 'ReelTrailer' 프로젝트를 다시 실행하고 기존 코드를 분석했습니다.프로젝트를 확인하는 과정에서 TMDB와 YouTube API 호출 과정에서 발생하던 문제를 해결했고, 현재는 기존 서비스가 정상적으로 동작하도록 수정한 상태입

지난 글에서는 기존 React 프로젝트의 기능 동작 상태를 확인하고 Lighthouse를 활용해 성능 기준점(Baseline)을 측정했습니다. 클라이언트 중심의 데이터 페칭, 컴포넌트 책임의 모호함, API Key 노출 문제 등 개선이 필요한 지점들을 명확히 정의할 수

지난 글에서는 App Router 기반의 전체 시스템 아키텍처와 라우팅 구조, 그리고 마이그레이션 전략을 수립했습니다. 클라이언트에서 직접 호출하는 방식을 벗어나 Supabase DB 중심의 서버 사이드 데이터 파이프라인을 구축하기로 방향을 잡았습니다.이번 글에서는Pr

UI 레이아웃 구축 및 구현에 대한 글 입니다.

실제 데이터 연동, OTT 필터링

지난 글에서는 Prisma 실제 DB 데이터 연동과 Dynamic OTT 필터링, 그리고 연동 과정에서 발생했던 데이터 타입 매핑과 React 연쇄 렌더링 트러블 슈팅을 다루었습니다.이번 글에서는 ReelTrailer의 주요 기능적 개발을 마무리짓는 단계인, 카테고리별

. React Suspense UI/UX 개선, TMDB Sync Cron API 성능 최적화 및 안정성 확보, 검색기능 개선

지난 글에서는 카테고리별 Recommend Program 다중 필터링, Parallel/Intercepting Routes 기반 상세 모달 연동, 커스텀 404 예외 처리, 그리고 RecommendSection 컴포넌트 구조 재설계를 다루었습니다.이번 글에서는 데이터