[Netflix / Clone] 프로젝트 계획 및 목표

2021. 9. 8. 10:59·Project/Netflix [React + Hooks]
반응형

서론

노마드 클론 코딩 React 챌린지에서 Class Component로 영화 프로그램을 만들었는데,

이를 function Component로 다시 만들면서 추가하고 싶은 기능들을 추가할 예정이다.

 


계획

기능적인 부분은 계속 추가할 예정이다.

 

일정

  • 9월 19일까지 계획 중이다.

 

기능

  • 포스터 슬라이드 기능.
  • 스크롤을 통해 데이터 계속 불러오는 기능.
  • Home 화면에 간단한 설명과 인기 있는 Movie, Tv 프로그램.
  • function component로 구현.
  • 여러 애니메이션 적용.

 

API

  • TMDB API를 사용하여 Movie, TV 프로그램을 불러올 예정이다.

 


목표

Class component로 작성했던 코드를 function component로 다시 작성하면서 hook에 대한 활용 능력과 각각을 비교하며 서로의 장-단점을 배운다.

api를 불러오고 데이터를 용도에 맞게 화면에 출력해보면서 api를 활용하는 방법을 배운다.

사용자의 입장에서 UI/UX를 고려하여 만들면서 디자인과 배치에 대해 꾸준히 생각을 해본다.

 


결과 예시

반응형
저작자표시 비영리 변경금지 (새창열림)
'Project/Netflix [React + Hooks]' 카테고리의 다른 글
  • [Netflix] Star Rating 구현
  • [Netflix] Detail Page 구현 / 상세 내용 출력
  • [Netflix] [ 홈 / TV 프로그램 / 영화 ] Page에 데이터 출력
  • [Netflix] Header, Router 기능 구현
꾸매코더
꾸매코더
웹 / 앱 개발자
  • 꾸매코더
    꾸매코딩
    꾸매코더
  • 전체
    오늘
    어제
    • 분류 전체보기 (96)
      • JavaScript (18)
        • Deep Dive (0)
      • React (5)
      • React-Native (9)
      • CSS (3)
      • TypeScript (1)
      • CS (10)
      • GitHub (4)
      • Clone Coding (15)
        • Kakaotalk [HTML + CSS] (10)
        • Momentum [JavaScript] (5)
      • Project (30)
        • Timer Project (14)
        • Netflix [React + Hooks] (12)
        • ToDoList [React-Native] (4)
      • 회고 (1)
  • 링크

    • Github
  • hELLO· Designed By정상우.v4.10.3
꾸매코더
[Netflix / Clone] 프로젝트 계획 및 목표
상단으로

티스토리툴바