KKONI

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

웹스톰이 완료된 후에는 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 가져온다.

Node.js는 자바스크립트로 이루어진 서버 사이드 언어

비동기식 방식으로 속도가 빠르고, 메모리 점유율이 낮은 장점.

Node.js 설치링크

https://nodejs.org/ko/download/

express란?

자바의 스프링 같은 존재로 이해.

익스프레스는 숙련하기 쉬우나 메모리 점유율이 높다는 단점.

익스프레스 설치 명령어

cmd창에서 npm install -g express-generator

익스프레스가 설치 완료되면,

프로젝트 생성하기 명령어

cmd창에서 express test

위의 test 프로젝트 디렉토리가 생긴다.

cmd창에서 test디렉토리 경로로 접근한다.

npm install 명령어로

package.json 파일에 있는 모듈을 설치한다.

설치 후에는 node_modules폴더가 생성되고, 이는 모듈 관리해준다.

해당 test디렉토리 경로에서 node . \bin\www 명령어로 서버 실행해준다.

브라우저에 https://localhost:3000 접속하면 express 테스트화면이 나온다. (익스프레스 기본 포트 : 3000 )

기본포트를 수정하고 싶으면, test/bin/www 파일을 수정해준다. 15번 줄에 3000 포트정보가 있으니 참고 !

여기까지 node.js+express로 서버 생성 완료!