Skip to content

Repick-CEOS/FE-next-netflix-17th

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

6주차 미션: Next-Netflix

서론

안녕하세요, 프론트 운영진 강나연입니다 😸

이번주는 저번주 과제를 이어 Netflix를 완성해봅시다. 이번주 과제의 목표는 지난주에 이어 figma로 주어지는 디자인을 사용해 스타일링을 하는 방법과 SSR에 익숙해지는 것입니다. 추가적으로 성능 최적화 방법에 대해서도 생각해보는 것도 좋을 것 같습니다.

이번주도 화이팅입니다💪

미션

미션 목표

  • Next.js 사용법을 공부해봅니다.
  • Figma로 주어지는 디자인으로 스타일링 하는 방식에 익숙해집니다.
  • Git을 이용한 협업 방식에 익숙해집니다.

기한

  • 2023년 5월 19일 (기한 엄수)

필수 요건

  • 결과화면의 상세 페이지와 검색 페이지를 구현합니다.
    • 상세 페이지는 동적 라우팅을 이용해 구현합니다.
    • 검색 페이지는 실시간 키워드 검색으로 구현합니다.
  • Figma의 디자인을 그대로 구현합니다.
  • SSR을 적용해서 구현합니다.
  • Open api를 사용해서 데이터 패칭을 진행합니다. (ex. themoviedb API)

선택 사항

  • 검색 페이지 무한스크롤을 구현합니다.
  • 검색 페이지 스켈레톤 컴포넌트를 구현합니다.
  • 성능 최적화를 위한 방법을 적용해봅니다.

Key Question

  • 정적 라우팅(Static Routing)/동적 라우팅(Dynamic Routing)이란?
  • 성능 최적화를 위해 사용한 방법

링크 및 참고자료

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.6%
  • Other 1.4%