[Node.js] Express-generator 개발환경 구축하기

Node.js - Express-generator 사용하여 개발환경 구축하기

 

Node.js에 입문하고 프로젝트를 개발환경을 구축을 하려고 하는 경우 디렉토리의 구조를 잡기 어려울 것이다. 

Express-generator는 이런 Express환경을 간단하게 구축해주는 npm이다. 

---

 

1. npm으로 Express-generator 설치하기

 

npm install -g express-generator 터미널에 입력하여 실행하기

 

 

2. 프로젝트 환경구성하기

 

명령어를 실행하여 환경구성을 한다.

-- view의 확장자를 pug로 설정
# express [프로젝트명] --view=pug

-- view의 확장자를 ejs로 설정
# express [프로젝트명] --view=ejs

저는 ejs로 프로젝트를 설정하기 때문에 확장자명을 ejs로 설정하여 명령어를 실행합니다.

 

명령어 실행을 하게 되면 아래와 같은 폴더에 프로젝트구성이 완료된다.

 

 

3. npm dependencies 설치

 

위에서 생성된 폴더로 이동하여 npm i 를 이용하여 필요한 npm 파일들을 설치해준다.

 

package.json

위 처럼 package.json에 dependencies 객체 안에 npm들을 설치해 주기 위함이다.

 

추후 Github에 Node.js 프로젝트를 올릴때 해당 프로젝트 내에 모든 npm 파일들이 같이 커밋 되는데 이럴 경우 상당히 비효율적이기 때문에 gitignore로 npm 파일들은 올라가지 않도록 합니다. 하지만 package.json 파일은 커밋이 되기때문에 package.json 파일만 있다면 해당 프로젝트에 필요한 모든 npm을 설치할수 있게되는 것입니다.

 

이렇게 npm i 명령어를 입력하면 node_modules라는 폴더가 생성되는데 이곳에 npm에 필요한 모든 파일이 설치된다.

 

 

4. 서버 실행

 

npm dependencies 설치를 모두 완료했으면 npm start 명령어를 입력해 로컬서버를 실행한다.

 

하지만 로컬 서버를 켜놓고 보니 어느 포트에 접속해야할지 모르겠다.

bin/www.js 파일을 열어준다.

 

파일을 열게되면 코드들이 꽤나 많이 있을 것이다. 아래 코드를 찾아보자

저기 보게되면 3000이라는 숫자가 포트번호이다. 로컬에서 3000번 포트로 접속을 하면 된다.

 

 

 

여기까지 Express-generator을 사용해 개발환경을 구축하는 방법을 알아보았다.

---

 

출처

https://kingofbackend.tistory.com/5