[ node js ] express 프레임워크 세팅하기

사이드 프로젝트의 의욕을 돋굴 겸 좋아하는 TRPG의 관리 하는 기능을 가진 무언가를 만들려고 한다.

코틀린을 사용할까 싶은데 아직까진 정해진건 없고, node js를 공부하며 고민중이다.

회사에서도 node js를 쓰는데 세팅이나 뼈대를 잡아두는 부분에선 미숙하는 것 같아 혼자서 천천히 공부해본다!

 

운영체제 : Window 기준
.ejs로 세팅하여 사용 할 예정입니다. 

 

---

Node js express 프레임워크 세팅하기

 

---

 

1. Node js 설치

일단 Nodejs 의 설치는 생략한다. 

https://nodejs.org/en/

Node.js

 

설치되지 않았다면 위의 사이트에서 설치를 하도록 한다. 가장 최신 버전보단 안정적인 버전을 택해서 다운받았었다.

설치 되었는지 확인하긴 위해선 cmd창에

node -v를 통해 확인한다. 

 

 

node js 설치를 마쳤다면 이제 express 프레임워크를 설치하도록 한다.

 

 

 

2. express 프레임워크 설치

https://expressjs.com/ko/starter/installing.html

Express 설치

공식 문서를 기본적으로 참고했다. 

일단 설치하고자 하는 폴더로 cmd를 이동시킨다.

 

-node js 세팅

npm init
npm install

cmd창에 위의 명령어를 입력한다.

node js 패키지.js의 세팅값들을 입력하게 되는데 나는 주로 기본값을 입력했다.

기타 필요한 설명들은 본인의 앱에 맞게 입력하면 된다. 

 

- express 프레임워크 설치

 npm install express-generator -g
 express -view=ejs YOUR_PROJECT_FOLDER

express의 기본 틀을 만들어주는 과정이다. 

-view=ejs 부분은 유의해야 하는데 pug와 ejs이렇게 2가지의 유형이 있다.

각자 자신에게 맞는걸 선택하면 되는데,

나는 넋놓고 도큐먼트를 따라하다 pug로 생성해 세팅까지 완료한 후 알게된 덕에 두번째 명령을 ejs로 바꾸어 다시 입력했다.

 

뭔가 다른 설정값이 있을까 싶어 열심히 pug to ejs를 검색했으나, 그냥 다시 명령어를 입력하고

.pug 파일을 제거하면 되는 일이었다. 

 

pug로 세팅할 사람은 ejs 부분을 pug로 바꿔주면 된다. 

├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.ejs
    └── index.ejs

 

두 명령어를 치고 나면 자신이 입력한 프로젝트 폴더 명으로 express 틀이 들어가있을 것이다.

위와 같은 디렉터리 구조라면 거의 다 왔다. 

 

- 서버 가동하기

나는 일단 서버가 잘 가동되는지부터 확인하기 위해 app.js에 서버가 가동되는 명령어를 입력했다.

app.js에는 기본적으로 세팅되어 있는 내용들이 있는데, 

var app = express(); 밑에 

var server = app.listen(3000, function(){
  console.log("Express server has started on port 3000")
})

위와 같은 코드를 작성해주면 서버가 가동된다. 

 

node app.js

 

명령어를 프로젝트 폴더의 cmd에서 입력하면 잘 실행될 것이다.

 

 

---

잘 실행 됩니다!

위와 같이 잘 실행되는 것을 봤으니 이제 MVC 패턴을 적용할 수 있는 틀을 만들고, 

본격적으로 프로젝트 설계를 시작해야겠다.

 

https://github.com/wwhurin/TRPG

wwhurin/TRPG

 

앞으로 이곳에 작업물이 올라갈 예정이다. 꾸준하게 잡초를 만들어 줘야지.

 

 

 

 

혹시 틀린 정보가 있다면 피드백은 언제나 환영입니다.