[Node.js] Express로 웹프로젝트 만들기

이글은 Express 사이트에서 시작하기 > Express 애플리케이션 생성기 글을 분석한 것입니다.

Express란?
Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크
(즉, 쉽고 빠르게 웹서버를 구축할 수 있다는 이야기)

express-generator로 활용해서 프로젝트 골격을 만들자

(JS계열은 프레임워크 별로 프로젝트 생성하는 플러그인(?)들이 존재한다. 해당 프레임워크 별로 잘 찾아서 사용하시길.)

$ npm install express-generator -g
$ express -h
$ express --view=pug myapp
$ cd myapp
$ npm install

프로젝트를 생성했으니 그냥 바로 실행해 보자. (프로젝트 디렉토리에서)

// mac, linux 계열
$ DEBUG=myapp:* npm start

// windows cmd
> set DEBUG=myapp:* & npm start

// windows powershell
> $env:DEBUG='myapp:*'; npm start

브라우저로 localhost:3000 으로 접속해보자.

첫 페이지를 볼 수 있을 것이다.

자~ 다음 글에서는 골격을 분석하겠습니다. 그럼 다음 글에서~

 

---

한줄 한줄 분석

$ npm install express-generator -g

npm으로 express-generator 모듈 설치.
'-g' 옵션은 전역으로 설치 (즉, 한번만 설치하면 계속 사용가능)
    . 옵션이 없을 시 프로젝트폴더/node_module 폴더에 설치되어 해당 프로젝트에만 사용.

$ express -h  --> express 명령어 옵션 한번 확인 (한번 꼭 실행하고, 옵션 확인하자. 많지도 않고 간단하다.)

$ express --view=pug myapp   --> "myapp" 프로젝트 생성 (디렉토리 생성 시킴, package.json 파일 생성)

--view=pug : view렌더링을 위한 엔진 pug를 사용 (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
                  pug 추천(?)
참고 : jade가 명칭의 문제로 pug로 변경된 것이라고 함.

$ cd myapp  --> 디렉토리 이동
$ npm install --> 생성된 package.json 파일에 있는 모듈 설치

이젠 npm 명령어를 알아볼 때가 되었다.  (npm cli document 한번 가서 무엇이 있는지 확인해 보시길~)

참고 : express-generator를 사용하지 않을 경우 즉, Node.js 프로젝트 생성할 경우
        package.json 파일 생성 방법 > npm init 실행  (실행한번 꼭 해보시길)

// mac, linux 계열
$ DEBUG=myapp:* npm start
// windows cmd
> set DEBUG=myapp:* & npm start
// windows powershell
> $env:DEBUG='myapp:*'; npm start
OS별로 실행 옵션이 상이하다. 
참고로 Express 생성기에서는 cmd 모드만 표시되어 있다.

DEBUG=myapp:* npm start 명령어 분석해보자.
위 명령은 2개의 명령줄이다.
1) DEBUG=myapp:*
2) npm start

1) DEBUG 환경변수 선언 및 값 설정 : myapp의 모든 로그 처리. 
   참고로 package.josn 파일안에 'debug' 모듈이 존재한다.
   이 모듈에서 사용됨. 이모듈(debug)을 자세히 알고 싶다면 다음 npm 링크, git소스링크를 보세요.
2) package.json 정보를 가지고 myapp 실행 (npm start 명령어 설명 읽어보자)
결론적으로 실제 실행은 'npm start'만 해도 됨.

골격을 생성하고 실행까지 했습니다. 다음 글에서는 골격 안에 대해서 분석해 볼께요.