Skip to content

Pre-folio/next-netflix-16th

 
 

Repository files navigation

5주차 미션: Next-Netflix

서론

안녕하세요, 프론트 파트장 주효정입니다🙌

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

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

미션

미션 목표

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

기한

  • 2022년 11월 11일 (기한 엄수)

필수 요건

  • 결과화면의 렌딩 페이지(로고 애니메이션)와 메인 페이지를 구현합니다.
  • Figma의 디자인을 그대로 구현합니다.
  • SSR(Server Side Rendering)을 적용해서 구현합니다.
  • Open api를 사용해서 데이터 패칭을 진행합니다. (ex. themoviedb API)

선택 사항

  • 웹 폰트를 사용합니다.
  • 반응형을 고려합니다.

Key Questions

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

링크 및 참고자료

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.0%
  • CSS 5.5%
  • JavaScript 0.5%