Nodejs_Day 01 :: express 모듈/메소드/포스트맨/라우터/템플릿 엔진 모듈

 

Express모듈 💖

 

http 모듈만 사용해서 웹 서버를 구성하면 직접 많은 기능을 개발해야 합니다.

이 문제를 해결하기 위해 만들어진 모듈이 익스프레스 입니다.

익스프레스 모듈을 사용하면 간단한 코드로 웹 서버의 기능을 구현할 수 있고, 미들웨어와 라우터를 사용하여 편리하게 웹 서버를 구성할 수 있습니다.

 

미들웨어 : 외부에서 가져오는 모듈 (중간 중간 껴있는 프로그램 모듈을 의미합니다.)

라우터 : 도메인을 사용자들에게 줄 수 있도록 만들어진 카테고리 입니다.

ex ) http://www.naver.com/shopping 이런식으로 뒤에 shopping 같은 카테고리를 의미

 

먼저 노드 세팅부터 해야됩니다. 순서

>> 이 표시 다음 내용물을 터미널 창에 입력하면 된다.

 

1. package.json 파일 생성

- 외부에서 가져오는 모듈을 관리하기 위해 package.json을 만듭니다.

>> npm init -y 또는 npm i 만 입력해도 package.json이 설치된다.

 

2. node_modules 폴더 생성

- npm install express 

 

package.json 파일 열어보면

"dependencies": {

    "express": "^4.17.1"
  }
이렇게 express 객체가 생성된다.

 

------------------------------------------------------------------------------------------

 

변수나 모듈 선언시 const 는 상수로 한번 저장하면 못 바꾼다는 뜻

예시 ) const port = 3000; 이런식

 

메소드 💖

✔ 메소드 

use() : 미들웨어 함수를 사용합니다.
get() : get으로 사용자 정보를 전달 받습니다.
set() : 서버 설정을 위한 속성을 지정합니다.
redirect() : 웹 페이지의 경로를 강제로 이동시킵니다. (강제 a태그같은거)
send() : 클라이언트에 응답 데이터를 보냅니다.

전달할 수 있는 데이터는 HTML 문자열, Buffer객체, Json객체, json배열 등등
header() : 헤더를 확인합니다.

✔ express 요청 객체에 추가된 헤더와 파라미터
query : 클라이언트에서 GET방식으로 전송한 요청 파라미터를 확인합니다.
body :  클라이언트에서 POST방식으로 전송한 요청 파라미터를 확인합니다.
(단, body-parser와 같은 모듈을 사용해야 합니다.)

 

------------------------------------------------------------------------------------------

 

POST맨 다운로드 💖

 

www.postman.com/download

https://www.postman.com/download

여기서 POST맨 다운로드 하면된다.

왜 POST 맨 쓰냐면 PHP는 꼭 폼으로 POST를 전달 하는데

노드는 이거 설치하면 굳이 폼으로 전달 하지 않아도 전달된다.

아이디랑 비밀번호는 구글 연동가능

 

포스트맨_사용법정리.docx

0.28MB

 

------------------------------------------------------------------------------------------

 

라우터와 미들웨어

- 페이지를 구분해줄 때 사용한다.

사용자의 다양한 요청이 들어왔을 때 use() 메소드로 설정한 미들웨어가 항상 호출되는 불편한 점이 있기 때문에, 그 불편을 해결하고자 사용하는 미들웨어가 Router 미들웨어다.

 

라우터 객체 만들기

:: var 라우터객체명 = express.Router();

라우터객채명.router(요청패스).get(실행 할 함수);

라우터객채명.router(요청패스).post(실행 할 함수);

 

------------------------------------------------------------------------------------------

 

템플릿 엔진 모듈 💖

 

✔ 1. EJS (Embedded JavaScript)

- EJS 모듈은 템플릿 엔진 모듈입니다.

템플릿 엔진 모듈은 특정한 형식의 파일로부터 HTML 페이지를 생성하는 모듈을 의미합니다.

 

EJS 파일 형식의 특수 태그

<% 코드 %> : 자바스크립트 코드를 입력하는 영역을 의미합니다.

<%= 값 %> : 데이터를 출력합니다.

 

EJS 데이터를 전달

- render() : 메소드의 두 번째 매개변수에 전달하고자 하는 데이터를 입력하여 전달합니다.

 

✔ 2. PUG

 

PUG 문법 

jade-lang.com/api

API Documentation | Jade Language

>> npm install jade

로 설치한다.

 

PUG는 들여쓰기 잘못하면 에러난다.

자바스크립트 사용하려면 - (하이픈)으로 시작해서 하이픈으로 끝나야한다.

주석을 쓸 수 없다는 점이 또 단점임.

 

------------------------------------------------------------------------------------------

 

static 미들웨어 💖

- serve_static 모듈 사용

>> npm install serve-static

 

특정 폴더의 파일들을 특정 패스로 접근할 수 있도록 만들어 줍니다.
예를 들어 public 폴더에 있는 모든 파일을 웹 서버에 root 패스로 접근할 수 있도록 만들 수 있습니다.

 

- 현재 디렉토리로 public 폴더를 매핑해준다.

public(폴더명) > images, wav, mp3(폴더안에 담긴 파일들)

localhost:3000/public/apple.jpg --> localhost:3000/apple.jpg

이렇게 public을 생략하고 바로 파일명만 입력해도 나온다.

 

localhost:3000/public/login.html --> localhost:3000/login.html