[ Node.js ] 1강. node.js와 express.js 설치하기

 

인프런 강의를 통하여 React.js와 Node.js에 대해서 알아보겠습니다.

www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%85%B8%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B8%B0%EB%B3%B8/dashboard

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런

 

node.js가 나오고나서 자바스크립트를 브라우저가 아닌 서버사이드에서도 쓸 수 있게 되었습니다.

node.js : 자바스크립트를 서버사이드에서도 쓸 수 있는 언어. 자동차의 엔진

express.js : node.js를 이용하여 자동차를 만들 수 있는 것. 프레임워크같은 것

 

1. node.js 설치를 먼저 하겠습니다. node.js최신 버전보다는 이전버전 설치

 

2. 작업할 폴더 만들기

CMD에서 작업합니다.

1. 폴더 만들기 : $ mkdir 폴더명

2. 폴더명 으로 진입 후 $ npm init : package.json 생성

 

3. Text editor로 Visual Studio Code를 사용할 것이므로 Visual Studio Code를 설치하여 줍니다.

VScode에서 만든 폴더를 열어주면 package.json이 있습니다. 이곳에 index.js를 만들어 줍니다.

index.js : 벡엔드 시작점

 

4. express.js (node.js의 프레임 워크) 설치

 1. VScode 내 터미널에서 $ npm install express —save

    —save가 package.json에 나타나게 하는 역할

   다운받은 dependencies들이 node_module안에 들어가있습니다. 되게 큰 파일입니다.

 2. expressjs.com 에서 Getting started 에서 다음과 같이 박스친 곳, Hello world example을 복사하여 index.js에 붙여넣어 줍니다.

 

 

package.json에서 script부분에 "start": "node index.js"를 추가 해준다.

이부분은 npm run start를 하면 이곳에서 시작한다는 뜻이다.

 

다음으로 터미널 창에서 npm run start를 하면 다음과 같이 실행된다.