Node.js | Express 프레임워크 | Express을 이용한 Web 어플리케이션 생성

그러면 실제로 Express를 이용하여 보자. Express를 사용하려면 먼저 npm을 사용하여 설치한다. 먼저 명령 프롬프트(Mac OS X라면 터미널)을 시작한다.

Express를 설치하는 경우, 생각해야 하는 것은 “Express를 어디에 설치 하느냐 “이다. 이는 다음 두 가지가 있다.

Node.js 모듈로 설치

Node.js 본체의 모듈로 저장한다. 이렇게 하면 어느 Web 애플리케이션에서도 사용할 수 있다. 그러나 응용 프로그램을 서버에 배포할 때에 해당 서버에 Express가 없으면 동작하지 않는다.

Node.js 모듈로 설치하는 것은 간단하다. EJS과 같이 명령 프롬프트에서 다음과 같이 실행하면 된다.

$ npm install express

Web 어플리케인션 폴더에 설치

이 방식은 어플리케인션을 만들 때마다 매번 설치해야 한다. 단, 어플리케인션에 모든 파일이 포함되어 있기 때문에 서버에 배포하게 되었을 때, 서버에 Express가 없어도 문제없이 동작한다.

실제로 만든 응용 프로그램을 배포하는 것을 생각한다면, 어플리케이션에 필요한 모듈을 전부 설치하는 것이 좋다. 여기에서는 그 방식으로 간단한 어플리케이션을 만들어 보자. 다음 단계에 따라 작업을 진행하십시오.

1. 응용 프로그램 폴더를 준비한다.

우선은 응용 프로그램을 만들 폴더를 준비한다. 여기에서는 바탕 화면에 “expressapp"라는 폴더를 준비하기로 한다.

명령 프롬프트를 시작하는 경우는, cd로 적당히 설치하고 싶은 폴더로 이동하여 다음과 같이 실행하면 폴더가 생성된다.

mkdir expressapp

2. 명령 프롬프트에서 폴더로 이동

명령 프롬프트(Mac OS X라면 터미널)을 시작한다. 그리고 cd 명령에서 “expressapp"폴더로 이동한다.

3. npm을 초기화

npm을 초기화한다. 이것은 다음과 같이 실행한다.

npm init

실행하면 이름, 버전, 설명문, 엔트리 포인트, 테스트 명령, git 저장소, 키워드, 저자, 라이선스 등을 차례로 묻어 온다. 잘 모르는 경우 전부 그대로 Enter 키를 누른다. 이것으로 package.json 파일이 생성된다.

4. Express 설치

Express를 설치한다. 이것은 다음과 같이 실행한다.

npm install express --save

이제 응용 프로그램의 “expressapp"에 “node_modules"라는 폴더를 만들지고, 그 안에 ’express’라는 폴더가 저장된다. 이것이 Express 파일이 저장되는 폴더이다.

5. EJS 설치

이어 Express에서 템플릿 엔진으로 사용하는 EJS을 설치한다. 역시 npm을 사용하여 다음과 같이 실행한다.

npm install ejs

이것으로 “node_modules"폴더에 “ejs"폴더가 만들어지고 거기에 파일이 저장된다.

 

이제 Web 응용 프로그램 작성을 위한 준비가 되었다. 이 후에는 여기에 스크립트 및 템플릿 등 구체적인 코드를 추가하여 응용 프로그램을 구축해 나가면된다.