안녕하세요, 프론트 운영진 김승완입니다 🐶🍮
이번주는 저번주 과제를 이어 Netflix를 완성해봅시다. 이번주 과제의 목표는 지난주에 이어 figma로 주어지는 디자인을 사용해 스타일링을 하는 방법과 SSR에 익숙해지는 것입니다. 추가적으로 성능 최적화 방법에 대해서도 생각해보는 것도 좋을 것 같습니다.
이번주도 화이팅입니다~!!💪
- Next.js 사용법을 공부해봅니다.
- Figma로 주어지는 디자인으로 스타일링 하는 방식에 익숙해집니다.
- Git을 이용한 협업 방식에 익숙해집니다.
- 프론트엔드와 백엔드 시스템에 대한 흐름을 이해합니다.
- 2024년 11월 09일 토요일(기한 엄수)
- 결과화면의 상세 페이지와 검색 페이지를 구현합니다.
- 상세 페이지는 동적 라우팅을 이용해 구현합니다.
- 검색 페이지는 실시간 키워드 검색으로 구현합니다.
- Figma의 디자인을 그대로 구현합니다.
- SSR을 적용해서 구현합니다.
- Open api를 사용해서 데이터 패칭을 진행합니다. (ex. themoviedb API)
- 검색 페이지 무한스크롤을 구현합니다.
- 검색 페이지 스켈레톤 컴포넌트를 구현합니다.
- 성능 최적화를 위한 방법을 적용해봅니다.
- React 18 버전의 변경점에 대해 설명해주세요.(+ 19 버전에 대한 추가 설명도 좋습니다)
- 서버 컴포넌트와 클라이언트 컴포넌트
- lazy loading과 Suspense 컴포넌트
- automatic batching, 동시성 모드 등 추가적으로 더 설명해주셔도 됩니다!
- nextJS 13 이후의 app routing 방식의 특징과 기능에 대해 설명해주세요.
- 13 이전의 페이지 라우팅과의 디렉터리 구성 변화
- nextJS가 백엔드 시스템을 녹여내는 방법
- 패러랠, 인터셉팅 라우트란 무엇인가?
- nextJS에서 SSR, SSG를 구현하는 방법
- vercel, netlify 같은 호스팅 플랫폼의 특징과 내부 구현 원리에 대해 설명해주세요(+ aws의 스토리지와 인스턴스 등 생태계에 대해서도 알려주세요)