Node Js에서는 웹 프레임워크로 express 를 사용합니다.

설정에 늪에 빠지는 타언어 프레임워크에 비해 매우 간단한 설정으로 기본 개발 환경을 구성할 수 있습니다.
그리고 다양한 node module은 환경구성 뿐만아니래 빠른개발에 한 몫하지요.

time to market이 중요한 요즘 트렌드에 맞는 언어라는 생각이 듭니다.

아래의 튜토리얼은 프로젝트 설정부터 웹서버 구동까지 5분이내에 완료할 수 있으니, 한번 따라해보세요.

Spring 및 타 언어의 복잡한 설정에드는 고생없이 Node 의 express의 간편함에 놀라실 겁니다^^

1 Node Js 설치

• https://nodejs.org 사이트에서 설치프로그램 다운 후 실행하시면 됩니다.
• node설치시 기본적으로 npm(node package module)을 사용할 수 있습니다.

2 express-generator 모듈 설치

• express 프레임워크를 쉽게 구성해주는 generator 입니다. 프로젝트 기본 설정을 자동으로 작성해주는 역할을 하지요
• 자주 사용하게 되므로 -g 옵션을 붙여 글로벌 모듈로 설치하시면 편리합니다.

npm install express-generator -g

[IMAGE: https://steemitimages.com/DQmcdcsteW4jzzWjw6cPkMcBMhfR4XZE4m8ksQEnPkFq5R5/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.35.41.png]

3 프로젝트 설정정보 입력

• 프로젝트 기본설정에 대한 정보를 입력합니다.
• 편의상 샘플프로젝트는 기본 값을 사용하였습니다.

npm init

[IMAGE: https://steemitimages.com/DQmaT7QJ1DWxv6tHUFUoUG4b2ThZahcY1C7NvksyxvG2SvU/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.34.47.png]

4 express generator를 통한 프레임워크 템플릿 자동 생성

• -v 혹은 --view 옵션을 통해 view engine을 설정할 수 있습니다.
• view engine은 jade와 ejs가 대표적인데, jsp 코딩에 익숙하신분은 ejs를 추천합니다.

[IMAGE: https://steemitimages.com/DQmPh3PoPmfTEBVVJtr84PXcrgiPss1otjAzBBzW8eks1Sc/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.36.03.png]

5 package 설치 정보 확인

• package.json 파일을 살펴보면 express-generator 를 통해 설치가 필요한 모듈 내역을 확인 할 수 있습니다.

[IMAGE: https://steemitimages.com/DQmUQsVuVnVgg58HMzn85aTGk4GYtnLZJxqnexANv68UZCa/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.37.04.png]

6 모듈 설치

• 아래의 간단한 두 단어 명령어를 통해 package.json에 지정된 모듈을 한꺼번에 설치 할 수 있습니다.

npm install

[IMAGE: https://steemitimages.com/DQmYu5UNdvCwBtdV42rN8gDn8JpWyzq4PqY3zPrXKgXnYex/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.37.36.png]

7 node 서버 구동

• 이제까지의 절차를 통해 node 서버 구성이 끝났습니다. 참 쉽조잉? 서버 구동도 간단한데요.

node bin/www

를 커멘트에 쳐서 엔터키를 누르면 끝나죠~!

[IMAGE: https://steemitimages.com/DQmRxZCfunZQnvC6Byyq26wdx3BVgtn7KqDotDV8KdvXuTu/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.38.33.png]

8 브라우저 체크

• 기본 설정 포트는 3000번 입니다. 앱 설정 및 포트 설정은 app.js 혹은 www 모듈을 살펴보시면 됩니다.

[IMAGE: https://steemitimages.com/DQmNVh5xtF61rpvDZxVXhaSnktEUckyx4UKhomc3SFD4xJb/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-07-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.38.20.png]

5분 express 프레임워크 설정이 끝났습니다.
기본설정이라 없는게 있지 않을까 싶지만, 기본 웹 서비스를 수행하기 위한 모듈 및 설정이 완벽하게 설정되는 것을 확인 하실 수 있습니다.