NomFlix

1.Nomflix 리팩토링 - 요구사항 분석[0]

post-thumbnail

넷플릭스를 클론코딩해봤었다React, JavaScript, Class 형태로 만들어서 AWS s3에 배포했었는데요거를 React, TypeScript, Hooks + Next.js를 적용시켜보자!그후 Vercel로 배포해보려한다.TMDB 를 이용하여 넷플릭스 클론코딩

2022년 2월 5일

2.Nomflix 리팩토링 - 기존 코드 분석 [1]

post-thumbnail

놈플릭스 프로젝트는Presenter / Container 디자인 패턴으로 구성되어있다.그중 Container가 class형 컴포넌트로 코드가 작성되어있었고 이를 Hooks로 변경해줄것이다.componentDidMount 를 useEffect로state 를 useStat

2022년 2월 8일

3.Nomflix 리팩토링 - SSR 적용[2]

post-thumbnail

Next.js를 이용하자 getServerSideProps는 언제 실행 되는가 getServerSideProps는 서버측에만 실행되고 브라우저에서는 실행되지 않는다. 해당 페이지를 직접요청하면 getServerSideProps 요청시 실행되고 반환되는 props

2022년 2월 8일