본문 바로가기
프로그래밍/Node.js

Express 프로젝트 초기설정

by 꾸션 2022. 2. 8.

Express란, Node.js의 웹 애플리케이션 프레임워크입니다. (현재 가장 많이 사용되고 있습니다.)

"express-generator"를 이용해서 프로젝트를 만들고, 실행하는 방법과 포트 설정하는 간단한 방법에 대해서 알아 보겠습니다.

 

전역에 "express-generator" 설치

npm install express-generator -g

 

express 프로젝트 생성

express --view=뷰엔진 프로젝트명

뷰엔진(view engine) 종류

  • ejs <-- 꾸션 선택 (html 문법 그대로 사용 ejs구문은 '<%', '%>' 태그로 감싸서 표현.)
  • hbs
  • hjs
  • jade <-- default
  • pug
  • twig
  • vash
 

Express 템플릿 엔진 ejs 알아보기

EJS는 "Embedded JavaScript"의 약자로, 서버에서 클라이언트로 전송되기 전에 서버 측에서 HTML 문서와 JavaScript 코드를 결합하는 템플릿 엔진입니다. Express에서 많이 사용되며, HTML 내에서 JavaScript를 사

ccusean.tistory.com

 

종속 패키지 설치

cd 프로젝트명
npm install

 

실행

# Linux
DEBUG=프로젝트명:* npm start

# Windows
set DEBUG=프로젝트명:* & npm start

# Windows PowerShell
$env:DEBUG='프로젝트명:*'; npm start

 

포트변경

기본 포트는 "3000"이며, "7000"으로 변경하는 방법은 아래와 같이 두 가지 방법이 있습니다.

방법 1) 실행시 변경

# Linux
DEBUG=프로젝트명:* PORT=7000 npm start

# Windows
set DEBUG=프로젝트명:* PORT=7000 & npm start

방법 2) 파일 수정 (파일경로: 프로젝트경로/bin/www)

...

var port = normalizePort(process.env.PORT || '7000');

...

 

 

Express.js 다국어 지원하기

이 번 글에서는 Node.js의 가장 유명한 웹 프레임워크인 Express.js에서 다국어 지원을 하는 방법에 대해서 설명드리겠습니다. 서버환경은 아래와 같습니다. 언어: Javascript, Node.js 웹 프레임워크: Expre

ccusean.tistory.com

 

반응형

댓글