웹 개발 프레임워크 - Node Express

#1. Node Express

Node 기반의 오픈소스 웹서버 프레임워크 라이브러리

 

express-generator 패키지는 전역으로 최초 한번 설치

> npm i -g express-generator 

 

Node Express 기반 노드 웹 프로젝트 생성

- MVC 패턴 기반의 물리적 노드 웹 프로젝트 생성 및 샘플 코드 자동 생성

- 프로젝트 생성시 ejs 기반의 view 제어 엔진 기술로 프로젝트 생성

> express 프로젝트명 --view=ejs

 

생성된 프로젝트 경로로 이동 

프로젝트 실행에 필요한 node_modules 패키지 일괄 복원설치

> cd 프로젝트명

> npm i

 

nodemon 개발지원 패키지 기반 실행하기 

소스 수정 및 반영 시 노드 어플리케이션의 실행과 종료를 자동으로 관리해 주는 개발생산성 지원 패키지

nodemon 설치

> npm i -g nodemon  (전역 설치)

> npm install nodemon --save-dev  (개발용 설치)

 

nodemon 설정

package.json 내 "start" : "node ./bin/www" 코드를 수정

- "start" : "nodemon ./bin/www"

 

서버환경에서 실행

> npm start

 

#2. Node Express 프로젝트 구조

- bin/www : npm start 명령어 실행 시 최초 실행 노드 모듈 파일, package.json 내 start명령어 설정된 node ./bin/www 파일 

- pubic 폴더 : 정적 리소스 파일(html/css/javascript/images)을 보관하는 폴더

- routes 폴더 : MVC 패턴에서 Controller 역할을 담당, 라우터 파일 보관하는 폴더

- view 폴더 : MVC 패턴에서의 화면(웹페이지)영역을 담당하는 뷰 파일들을 보관하는 폴더 (뷰 엔진 유형에 따라 .ejs .pug)

- app.js : 노드 어플리케이션 실행환경에 필요한 각종 설정 실행 프로세스를 정의하는 파일 

- package-lock.json : 각종 노드 패키지들의 종속관계를 자동으로 관리해 주는 파일

- package.json : 패키지명 버전 등과 같이 프로젝트 구성 정보 및 최초 실행에 필요한 패키지 이력 정보 관리