[Node&React로 유튜브 사이트 만들기] 1. Bolier Plate 다운로드 하기

[Node&React로 유튜브 사이트 만들기] 1. Bolier Plate 다운로드 하기

 

 

1. 보일러 플레이트 다운하기

 보일러 플레이트를 사용해 프로젝트를 제작해보자.

보일러 플레이트 다운 주소는 여기 (https://github.com/jaewonhimnae/boilerplate-mern-stack)

[<>Code]-깃 클론을 해주자.

 

 

아래와 같이 vscode에서 레포지토리 복제를 해준다.

 

 

 

2. 보일러 플레이트 사용하기

(1) npm install

아래의 사진처럼 서버/클라이언트별 폴더가 나뉘어져 있는 것을 확인할 수 있다. package.json에 담긴 것들은 라이브러리를 추가하기 위한 dependency들!

 

 

[보기]를 눌러 터미널을 켜준다. 'node -v'를 입력해보고, 만약 아래와 같은 스크립트가 출력된다면 node.js가 설치되어 있지 않다는 뜻이다. node.js를 설치해주자! 세 번째 사진처럼 떠야한다.

 

 

성공적으로 node.js가 설치된 걸 확인했다면, 'npm install'을 입력한다. 만약 첫번째 사진처럼 뜬다면 Windows 검색창에 Power shell을 입력해 실행하고, 아래와 같이 입력한다. Power Shell의 실행 정책을 변경해 npm install을 진행할 수 있게 하는 명령어다. [cd clients]를 통해 clients에서도 npm install을 실행시킨다.

 

 

 

(2) dev.js 생성하기

[server]-[config] 폴더 내부에 dev.js 파일을 생성하고 prod.js의 내용을 복사, 붙여넣기 해준다. 클러스터-[Connect]를 통해 키를 발급받아 dev.js에 붙여넣기 하면 끝!

 

 

 

 

*해당 글은 John Ahn 님의 강의를 보고 작성했습니다.

https://youtu.be/Fin9jBNIaxk