꼬물꼬물 개발자
웹 개발 프레임워크 - 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 : 패키지명 버전 등과 같이 프로젝트 구성 정보 및 최초 실행에 필요한 패키지 이력 정보 관리
'백엔드 개발' 카테고리의 다른 글
Git Branch 전략 (0) | 2023.12.08 |
---|---|
추천도서 (1) | 2023.12.07 |
백엔드 개발환경 구축 - Node.js (0) | 2023.12.05 |
Git & GitHub 설치하기 (0) | 2023.12.05 |
초기 개발자 준비 - 버전 관리 시스템이란? (0) | 2023.12.03 |