express 사용하기 (프로젝트 만들기)

참고 사이트

•http://expressjs.com/ko/starter/installing.html

 

프로젝트 디렉토리 생성

•디렉토리 생성후 디렉토리로 이동하자

 

•$ mkdir myapp

•$ cd myapp

 

package.json 파일을 만들기 위해서 아래 명령어를 내린다.

•$ npm init

 

디폴트로 값을 설정하면, 최종적으로 package.json 파일이 생성된다.

 

express 라이브러리 설치

•$ npm install express --save  

•--save 옵션을 통해 설치된 Node 모듈은 package.json 파일 내의 dependencies 목록에 추가됩니다.

•이후 app 디렉토리에서 npm install을 실행하면 종속 항목 목록 내의 모듈이 자동으로 설치됩니다.

express 버전 확인하기

C:\Users\msi>npm show express version
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
4.18.1

 

 

이제 package-lock.json 파일이 생성되었고, node_modules 디렉토리가 생성된 것을 확인할 수 있다.

 

또한 package.json 파일이 dependencies 에 express 가 추가 된다.

 

•express 모듈 - http와 비슷하지만 훨씬 사용이 간편하고 기능도 많은 외부모듈 입니다

•express 모듈에 request 객체와 response 객체에 다양한 기능 추가

–response.send : 매개변수의 자료형에 따라 적절한 형태로 응답한다 

–response.json : JSON 형태로 응답한다

 

–response.jsonp : JSONP형태로 응답한다

–response.redirect : 웹페이지 경로를 강제 이동한다

 

JSONP 참고자료

–JSONP란 CORS가 활성화 되기 이전의 데이터 요청 방법으로, 다른 도메인으로부터 데이터를 가져오기 위해 사용하는 방법입니다.

–자바스크립트는 서로 다른 도메인에 대한 요청을 보안상 제한하는데, 이 정책은 Same-Origin Policy, SOP라고 합니다.

–SOP 정책으로 인해 생기는 이슈를 Cross-domain issue라고 하는데 JSONP는 이 이슈를 우회해서 데이터 공유를 가능하게 하였습니다.

 

var express = require('express');

var app = express();

// use 함수는 get, post 함수에 응한다.

app.use(function (request, response) {

    response.writeHead(200, {'Content-Type':'text/html'});

    response.end('<h1>Hi Hello</h1>');

})

app.listen(4000, function() {

    console.log('Example ann listening on port 4000 !!!');

});