이세개발
article thumbnail
넷플릭스 클론코딩 2 (설치)

1. node 설치 https://nodejs.org/ko 18.16.0 LTS 버전으로 설치하였다. node, npm(패키지 관리자) 버전확인 node -v npm -v 2. yarn 설치 npm install -g yarn 설치확인 (1.22.19) yarn --version Yarn은 Node.js 자바스크립트 런타임 환경을 위해 페이스북이 2016년 개발한 소프트웨어 패키지 시스템이다. NPM을 사용해도 되지만 이 튜토리얼에서는 NPM의 한계를 극복하기 위해 나온 Yarn 을 사용하였다. 3. yarn netflix 라는 react-app 을 만든다. yarn create react-app netflix 이렇게 나오면 완료. 중간에 뜨는 노란색 warning들은 무시해도 된다.

article thumbnail
넷플릭스 클론코딩 1 (개요)

리액트 공부를 하려고 하려고 정보들을 찾아보다 넷플릭스를 클론코딩 하고 싶었다. 깃허브를 돌아다녀보니 여러가지 자료들이 있었지만 https://github.com/karlhadwen/netflix 의 코드가 가장 공부하기 좋아보였다. 영어로되어있지만 동영상 10시간짜리의 영상이 있기에 따라해가면서 만들어보기로 하였고, 3년전 만들어진 코드라서 최신 상황에 맞게 바꿔나가면서 진행을 해보려고 한다. 이 프로젝트는 커스텀 훅, 컨텍스트, 포털 등의 기능을 활용하며, Firebase를 사용하여 데이터베이스와 인증 시스템을 구축하는것을 목표로 한다.