nodejs 설치 및 설정

nodejs 설치

nodejs 공홈을 이용한 설치

https://nodejs.org/ko/download/

다운로드 | Node.js

위 홈페이지를 통해 각자의 OS에 맞는 설치파일을 이용한다.

mac은 brew를 통해서 설치도 가능하다.

brew install node

 

설치가 완료되면 확인하는 방법은 다음과 같다.

node --version

$ node --version                                                                                                                                                                      ✔  base   14:07:10 
v16.13.1

위와 같이 버전이 올바르게 출력된다면 설치가 잘 된 것이다.

 

설치가 완료되면 간단하게 nodejs를 이용하여 웹페이지를 설정해본다.

 

nodejs 설정

vscode 등 각자의 에디터를 통해 작업 폴더를 만든다.

에디터에서 작업 경로를 불러오면 다음과 같다.

위와 같이 아무것도 없는 폴더트리가 뜨게 된다.

.gitignore과 README.md 파일은 git을 통해 만든 폴더라서 생긴 파일이다.

일반적으로 아무것도 없는 폴더라면 없는 파일이니 신경쓰지 않는다.

 

터미널을 통해 다음 명령어를 이용해 설정을 시작한다.

npm init -y

그러면 package.json이라는 파일이 생성되는데 nodejs를 통해 관리하는 package 내용들을 정리하게 된다.

{
  "name": "marriage",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/drinkwale/marriage.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/drinkwale/marriage/issues"
  },
  "homepage": "https://github.com/drinkwale/marriage#readme",
  "dependencies": {
    "express": "^4.17.1"
  }
}

위 내용은 packege.json 파일의 내용이다.

프로젝트 이름과 버전, 설명, git을 이용했을 경우 repository 등 내용을 포함하게 되고 npm을 통해 모듈을 설치할 경우 모듈 정보 등을 저장해서 관리하게 된다.

 

여기서 npm이란 무엇인가?

NPM는 Node Package Manager의 약자이다. 자바스크립트 패키지 매니저이고 NodeJS에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할을 하며 설치/관리를 수행할 수 있는 CLI를 제공한다.

 

다음과 같은 명령어를 통해 패키지를 설치하게 된다.

 

<패키지 설치>

npm i <패키지명> 명령어로 손쉽게 패키지가 설치된다. 설치에는 local install과 global install이 있다. 기본값은 local install이고 local package는 해당 프로젝트 내에서만 사용할 수 있다.
npm i -g <패키지명> 명령어로 global install을 할 수 있다. global package는 모든 프로젝트에서 곹옹으로 사용할 수 있다. global packge install path는 다음과 같다.

 

패키지들의 버전이 빈번하게 업데이트되므로 프로젝트가 의존하고 있는 패키지들이 관리될 필요가 있는데,

npm에서는 package.json 파일을 살펴보면 dependencies 아래에 설치한 패키지들의 의존성을 관리한다.

 

설치가 끝나면 간단하게 hello world 웹서버를 통해 구동까지 해본다.

 

var http = require("http");

// http모듈의 createServer 함수를 호출하여 서버를 생성합니다.
// req: request. 웹 요청 매개변수, res: response. 웹 응답 매개변수
http.createServer(function (req, res) {
    // writeHead: 응답 헤더를 작성합니다.
    // 200: 응답 성공, text/html: html문서
    res.writeHead(200, { "Content-Type": "text/html" });
    // end: 응답 본문을 작성합니다.
    res.end("Hello World");
    // listen: 매개변수로 포트와 호스트를 지정합니다.
}).listen(1337, "127.0.0.1");
console.log("Server running at http://127.0.0.1:1337/");

위 내용을 index.js 파일을 만든 뒤, 터미널을 프로젝트 위치로 이동한다.

node index.js 명령어를 통해 실행을 하고 나면 웹브라우저를 실행한다.

 

http://localhost:1337 를 들어가면 다음과 같은 화면이 나오면 성공이다.