Skip to content

team-devbuddy/next-netflix-19th

 
 

Repository files navigation

5주차 미션: Next-Netflix

서론

안녕하세요, 프론트 운영진 노이진입니다 🐶🍮

이번주부터는 새 프로젝트인 Netflix 클론코딩을 진행합니다. 이번 미션은 Next.js를 사용해 보며 SSR을 학습하고 Figma로 주어지는 디자인을 활용해 스타일링 하는 방법을 이해하는 것을 목표로 합니다.

또한 이번주부터는 프론트 페어와 함께하는 과제인 만큼 각 팀별로 미리 호흡을 맞춰 보는 좋은 기회가 될 것 같습니다. 모두 화이팅입니다🔥

미션

미션 목표

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

기한

  • 2024년 5월 10일 (기한 엄수)

필수 요건

  • 결과화면의 랜딩 페이지와 메인 페이지를 구현합니다.
  • Figma의 디자인을 그대로 구현합니다.
  • Open api를 사용해서 데이터 패칭을 진행합니다. (ex. themoviedb API)
  • yarn, yarn berry, npm, pnpm등 패키지 매니저를 직접 선택해 Next.js를 세팅해 봅니다.

선택 사항

  • SSR(Server Side Rendering)을 적용해서 구현합니다.
  • 웹 폰트를 사용합니다.
  • 반응형을 고려합니다.

Key Question

  • Server Side Rendering과 Client Side Rendering의 차이
  • SEO란
  • 전반적인 협업 과정

링크 및 참고자료

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.9%
  • CSS 2.0%
  • JavaScript 1.1%