[JS] Express

백엔드 구축 라이브러리. 

1. 폴더 생성
2. html, js 파일 생성
3. hyper terminal 내 npm init 실행
4. 생성된 json(js object notation) 파일 내용 확인
5. 필요한 npm 프로그램 npm install " " 로 설치
   (nodemon, express, ...)
6. hyper terminal 내 js 파일 실행

Express "Hello World" example

Express 4.x - API Reference

const - 변수 지정 역할.

exports - 외부 함수가 가져갈 수 있게끔 보내주는 역할

require - 외부 함수를 가져오는 역할.

get - req, res값 가져오기

req - 받은 정보 인자

res - 보여줄 정보 인자 

listen - 포트에 맞게 get으로 가져온 파일을 제공

sendfile - get함수 안에 res값으로 들어갈 파일 가져오기

__dirname - 현재 디렉토리까지의 주소(ex : __dirname + "/drumkit/0418.html")

urlencoded(property extended) - boolean 값으로 설정(true의 경우 querystring allow)

 

 

------------------------------------------------------[예시]----------------------------------------------------

const express = require('express');

const bodyParser = require("body-parser");

const request = require("request");

 

const app = express();

 

    app.use(express.static("public"));

    app.use(bodyParser.urlencoded({extended: true}));

    app.get("/", function(req, res){

        res.sendFile(__dirname + "/signup.html");

    });

 

    app.post("/", function(req, res){

        

        var firstName = req.body.Fname;

        var lastName = req.body.Lname;

 

        console.log(firstName, lastName);

    })

 

    app.listen(3000, function(){

        console.log("server is running on port 3000");

    });

------------------------------------------------------[예시]----------------------------------------------------

위 예시에서 구문별 역할

app.use : express API를 사용하며, public이라는 "상대 경로 폴더" 에서 실행, bodyParser 이용하여 url 인코딩. 

             * bodyParser를 이용하지 않으면, body 내부 값을 undefined로 지정해서, 읽어낼 수 없음.

app.get : 로컬호스트3000에 가지고 올 내용(현재 폴더에 signup.html을 불러옴)

app.post : 로컬호스트3000에 입력된 내용을 콘솔창에 띄울 내용(singup.html 내 firstName, lastName 불러옴)

app.listen : nodemon 실행 및 정상 작동 시, 콘솔창에 띄울 내용(console.log 포함)