Node JS 설치하기

2009년 5월 27일 처음 공개된 Node.js는 오픈 소스 JavaScript 엔진인 크롬 V8에 비동기 이벤트 처리 라이브러리인 libuv를 결합한 플랫폼이다.

다시 말해, JavaScript로 브라우저 밖에서 서버를 구축하는 등의 코드를 실행할 수 있게 해주는 런타임 환경이다.

번번한 I/O 처리에 있어서의 우수한 성능

서버 확장의 용이성

JavaScript라는 프론트엔드 필수 언어로 백엔드까지 작성할 수 있다

---

2. 본격적으로 설치하기

아래의 홈페이지에서 Node JS를 다운로드 받을 수 있다.

18.14.2 LTS 버전을 설치해준다.

 

나는 이미 다운로드를 받아서 아래의 이미지처럼 나오게 되지만, 처음 다운로드를 받으면 설치만 하면 된다.

이미 다운로드를 받았지만 Change를 눌러 어떻게 다운로드 받는지를 알려주겠다.

맨 처음에 설치를 하게 되면 아래의 이미지처럼 뜨게 될텐데 Next를 눌러준다.

위의 이미지처럼 계속 Next만 눌러주면 정상적으로 설치가 실행될 것이다.

윈도우 + R 키를 눌러 cmd를 입력해준다.

---

2.1 Visual Studio Code에 적용하기

cmd 창에 들어가서 원하는 경로에 폴더를 하나 만들어준다.

 

폴더를 만들고 먼저 처음에 해야 할 것은 npm 패키지를 만들어야 한다.

npm init을 입력한 뒤 아래의 이미지처럼 세팅하길 바란다. author은 아무 이름을 입력해주면 된다. Is this OK? 에서 Enter를 눌러주면 된다.

이제 설치가 다 되었으면 Visual Studio Code를 열어서 확인을 하면 된다.

npm init를 통해 위에 package.json이 추가가 되었다.

---

2-1-1. index.js 파일을 만들어준다.

node.js의 프레임워크 express를 다운받아줘야 한다.

 

터미널에서 npm install express --s 를 입력해 express 다운받는다.

node_modules에서 다운받은 dependency 안에 들어가 있다.

---

2-2-2. index.js에서 기본적인 express.js 앱 만들기

혼자서 독학으로 배우고 싶으면 아래의 문서를 확인해보는 것도 굉장히 좋은 태도이다!

https://expressjs.com/en/starter/hello-world.html

Express "Hello World" example

const express = require('express')  // 아까 설치한 express 모듈을 가져온다.
const app = express()               // 새로운 express app을 만들어준다.
const port = 3000                   // 포트번호 설정

app.get('/', (req, res) => {        // 루트 디렉토리에 들어오게 되면 Hello World 출력!
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

 

위와 같은 코드를 입력한 뒤 아래의 이미지 package.json에 "scripts"에서 index.js를 시작해준다.

 

브라우저에서 localhost:3000을 입력해준다.