Express 생성기로 애플리케이션의 골격을 신속하게 생성하는 방법

Express 생성기를 사용하면, 초기 애플리케이션 구조를 빠르게 설정하고 개발을 시작할 수 있습니다. 이 도구는 표준 웹 애플리케이션 구조를 제공하며, 다양한 템플릿 엔진과 스타일시트 엔진을 지원합니다. 사용하기 전에 Node.js와 npm이 설치되어 있어야 합니다.

Express 생성기 설치

Express 생성기는 npm을 통해 글로벌로 설치할 수 있습니다. 터미널에서 다음 명령어를 실행합니다.

npm install express-generator -g

Express 생성기 명령어 옵션

Express 생성기는 다양한 옵션을 제공하여 애플리케이션의 골격을 사용자의 필요에 맞게 생성할 수 있습니다. `-h` 옵션을 사용하면 다음과 같은 옵션들을 확인할 수 있습니다:

-h, –help: 사용 가능한 모든 명령어 옵션과 그 설명을 출력합니다.
–version: Express 생성기의 버전 번호를 출력합니다.
-e, –ejs: EJS 템플릿 엔진 지원을 추가합니다.
–hbs: Handlebars 템플릿 엔진 지원을 추가합니다.
–pug: Pug (이전의 Jade) 템플릿 엔진 지원을 추가합니다.
-H, –hogan: Hogan.js 템플릿 엔진 지원을 추가합니다.
–no-view: 뷰 엔진 없이 프로젝트를 생성합니다.
-v, –view <engine>: 지정한 뷰 엔진(ejs, hbs, pug 등)을 사용하여 프로젝트를 생성합니다.
-c, –css <engine>: 지정한 CSS 전처리기(less, stylus, sass 등)를 사용하여 프로젝트를 생성합니다.
–git: `.gitignore` 파일을 프로젝트에 추가합니다.
-f, –force: 비어 있지 않은 디렉토리에도 강제로 프로젝트를 생성합니다.

새 Express 애플리케이션 생성

생성기를 설치한 후, 다음 명령어로 새 Express 애플리케이션을 생성할 수 있습니다:

express --view=pug myapp

이 명령은 Pug 템플릿 엔진을 사용하는 ‘myapp’이라는 이름의 새 애플리케이션을 생성합니다. 다른 템플릿 엔진을 사용하려면, ‘–view’ 옵션을 변경하세요.

애플리케이션 구조와 실행

생성된 애플리케이션은 다음과 같은 디렉토리 구조를 가집니다.

app.js: 애플리케이션의 메인 파일
public/: 정적 파일(이미지, 스타일시트, 자바스크립트)을 위한 폴더
routes/: 라우터 파일을 위한 폴더
views/: 템플릿 파일을 위한 폴더

생성된 애플리케이션 디렉토리로 이동하여, npm을 사용해 필요한 패키지를 설치합니다.

cd myapp
npm install

설치가 완료되면, 다음 명령어로 애플리케이션을 실행할 수 있습니다.

npm start

브라우저에서 http://localhost:3000으로 접속하여 애플리케이션을 확인할 수 있습니다.

장단점

Express 생성기는 빠른 개발 시작을 위한 훌륭한 도구입니다. 하지만, 생성된 구조가 모든 프로젝트에 적합하지 않을 수도 있으며, 프로젝트 요구에 따라 구조를 수정해야 할 수도 있습니다.

자세한 정보는 Express 공식 문서에서 확인하세요.

Express 생성기로 애플리케이션의 골격을 신속하게 생성하는 방법

Express 생성기 설치

Express 생성기 명령어 옵션

새 Express 애플리케이션 생성

애플리케이션 구조와 실행

장단점

관련 이전 게시글

동일 카테고리 게시글