ejs / WebStorm / Nodemon 설치

ejs는 무엇인가?
자바스크립트가 내장된 html 파일

 

express 프로젝트 생성할때 사용했던 며렁어에 ejs라는 수식어만 붙여서 설치해준다.

cmd창에서 express --view=ejs test

 

---

 

WebStorm express ejs 프로젝트 생성 

아래 링크를 통해 웹스톰을 설치해준다. 현 기준 2022.1.2 버전

https://www.jetbrains.com/webstorm/promo/?source=google&medium=cpc&campaign=9641686269&term=webstorm&gclid=CjwKCAjwqauVBhBGEiwAXOepkWuApTkVxbXIF7K4met3A7smwRwyfRzX6mSqoef-K92wskcyiLt-4xoCoIoQAvD_BwE

WebStorm: The Smartest JavaScript IDE, by JetBrains

 

 

웹스톰이 완료된 후에는 new Project를 생성한다.

express 프로젝트를 선택하고 템플릿은 EJS로 선택해준다.

 

해당 프로젝트 생성된 경로 내의 /views디렉토리로 가면 확장자 ejs로 생성된 view 프로젝트를 확인할수있다.

 

Nodemon이란 ?
Node.js 개발 시에 파일들을 모니터링하여, 소스 수정시 자동으로 서버를 재시작하여 바로 반영될 수 있도록 도와준다.

 

Nodemon 설치는 cmd창에서 npm install nodemon -g 명령어를 입력해준다.

 

 

Webstrom과 Nodemon연동시키기

웹스톰 상단에 Edit configurations 클릭하여, node parameters위에 위에 Nodemon이 설치된 경로를 입력해준다.

 

 

미들웨어란?
익스프레스는 미들웨어로 구성된 프레임워크라 할 수 있다.
클라이언트 요청을 처리하여 응답하는 과정 / 요청객체 - 응답객체
이를 미들웨어를 실행하는 next 함수로 이루어져 있다.

 

var express = require('express');

var app = express();

 

app.get('/', function(req, res, next) {

                 next();

))

app.listen(3000);

 

라우트
라우트 메소드 뒤에는 URI가 있어, 라우트 이후에 원하는 URI로 경로를 받을 수 있다.

http://사이트주소/test

router.get('/test'. function(req, rest){});

 

http://사이트주소/test/test2

router.get('/test/test2'. function(req, rest){});

 

http://사이트주소/(T가포함된문자)/

router.get('/T/'. function(req, rest){});

 

 

req(요청객체)

• req.params : 객체는 파라미터 데이터 가져온다.
• req.query : 쿼리스트링 파라미터 가져온다.
• req.headers : 해더값 가져온다.
• req.cookies: 쿠키값을 확인한다.
• req.ip : 프론트 IP 가져온다.
• req.protoco : 프로토콜 http? https? 무엇인지 가져온다.
• req.url : URI 정보를 가져온다.

 

res(응답객체)

• res.send : 클라이언트에 응답을 보낼 수 있따. 디버깅에서 많이 사용
• res.json : 클라이언트에 자동으로 json을 만들어준다.
• res.jsonp : 클라이언트에 자동으로 jsonp 만들어준다.
• res.redirect : 페이지 이동
• req.ip : 프론트 IP 가져온다.