영화목록 (Netflix) 앱 1 - 프로젝트 셋팅 및 웹팩(webpack) 설정

 

* 루트 폴더생성하기

CMD 창을 열고 아래와 같이 명령어를 입력한다. netflix 라는 루트 폴더를 생성하고 해당 폴더로 이동한다. 

mkdir netflix
cd netflix

 

* 보일러플레이트 코드 내려받기

루트 폴더 내부에서 아래와 같이 명령어를 입력한다. 

git clone https://github.com/sssssqew/react-webpack.git

그런 다음 dir 명령어를 입력하면 react-webpack 이라는 폴더가 생성된다. react-webpack 이라는 폴더 이름을 client 로 변경하자! 그런 다음 명령창에서 client 폴더 내부로 이동한다. 

 

* 패키지 설치하기 

>npm install

client 폴더 내부에서 위와 같이 명령어를 입력하면 package.json 폴더에 기술된 모든 패키지가 한번에 설치된다. 

 

* 보일러플레이트 코드 실행하기

npm start

client 폴더 내부에서 위와 같은 명령어를 입력하면 CMD 콘솔창에 아래와 같은 문구가 표시되면서 자동으로 웹페이지가 열린다. 

npm start 명령어를 입력한 모습

웹페이지 초기화면

 

위와 같은 화면이 나오면 프로젝트를 시작할 준비가 되었다.