Node.js 웹서버 빠르게 준비하기 (feat. Express & ejs)

 

Node.js가 세상에 나타난지 벌써 10년 입니다. Node.js는 쉬운 접근과 좋은 성능으로 많은 사랑을 받고 있습니다. 이 포스트에서는 리눅스에서 Node.js와  웹 프레임워크 Express, 그리고 템플릿 ejs를 빠르고 쉽게 세팅하여 바로 사용할 수 있는 방법에 대해서 설명하고 있습니다.

 

 

 

 

 

1. Node.js 설치

 

Node.js를 설치하는 방법은 다양합니다. 그 중에서 쉽고 정확한 방법으로 Rod Vagg 의 github를 참고하는 방법 입니다. 

https://github.com/nodesource/distributions 링크로 이동합니다. 스크롤하여 아래로 이동하면 버전별 설치 방법을 볼 수 있습니다.

현 시점에서 안정적인 버전 10 설치를 추천 합니다.

 

# Using Ubuntu
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs

 

 

 

 

 

2. Node.js 설치 확인

 

node -v

정상적으로 설치 되었다면 버전이 표시 됩니다.

 

 

 

 

 

 

3. npm 설치

 

위 방법으로 Node.js를 설치 했다면 npm을 별도로 설치할 필요 없습니다. 만약 설치가 안되었다면 아래 방법으로 설치 합니다.

apt-get install npm

 

 

 

 

 

4. Express & ejs 설치

 

Express는 웹 프레임워크로 Node.js로 웹 애플리케이션을 만들때 많은 도움을 줍니다. 

Express grenerator라는 툴(모듈)을 지원하고 있어서, 빠르게 프레임워크를 만들어 줍니다.

npm install express-generator -g

 

Express 설치를 확인 합니다.

express -h

 

다음과 같이 나온다면 정상적으로 설치된 것 입니다.

 

myapp 이라는 애플리케이션을 만들며 view로 ejs 템플릿을 사용하고 싶다면 아래 처럼 합니다.

express --view=ejs myapp

 

myapp 디렉토리 안에 많은 디렉토리와 파일들이 만들어 집니다.

myapp 디렉토리로 이동하여 다음과 같이 실행해 줍니다.

cd myapp
npm install

 

 

 

 

 

 

5. 실행하기

 

DEBUG=myapp:* npm start

웹 브라우저에서 http://localhost:3000 입력해서 웹서버가 정상적으로 동작하는지 확인 합니다.

 

 

 

 

 

 

6. 마치며

 

Express의 기본 구조를 간략하게 설명드리겠습니다.

 

public 디렉토리는 .css, javascript, 이미지와 같이 정적인 파일들이 위치합니다.

 

routes 디렉토리는 MVC로 치면 Controller에 해당 합니다. 실제로 페이지를 동작시키는 파일들이 위치합니다.

 

views 디렉토리는 템플릿 파일들이 위치합니다. 위 이미지에서 .pug는 pug 템플릿을 설치했기 때문 입니다. 이 포스트를 따라 했다면 .ejs 파일들이 보입니다.

 

 

 

 

 

 

copyright 2019. 워크식스