express 서버구축하기 (1)

https://expressjs.com/ko/4x/api.html#express.json

Express 4.x - API 참조

 

서버(server) : 24시간 구동하고 있는 컴퓨터같은 존재. request가 있는지 항상 대기하고 있다. 누군가 사이트에 접속하고자 브라우저가 request를 요청하면 서버는 그 사람에게 respose를 해준다. (사이트를 찾아서 들어가는 것처럼 보이지만 사실은 서버에게 요청하고 서버가 자료를 보내줌.)

 

 

ㅁ express 구축하기

기본 셋팅 후(패키지 설치) 시작한다.

 

 

 

 

 import express from "express";

 const PORT = 4000;

 const app = express();

 

   // 여기까지 express application를 만든다.

 

   //appllication 설정을한다.

 const handleHome = (req, res) => {

 return res.send("I still love you");

 };

 const handleLogin = (req, res) => {

 return res.send("login page.");

 };

 app.get("/", handleHome);

 app.get("/login", handleLogin);

 

 

   // 여기부터 외부 접속을 listen한다.

 const handleListening = () =>

 console.log(`✅ Server listening on http://localhost:${PORT} 🚀`);

 app.listen(PORT, handleListening);

 

 

app.listen : 서버가 시작될 때 작동하는 함수. 서버가 시작되면 컴퓨터의 수많은 포트중 특정 포트를 지정해서 불러와야한다. (port는 컴퓨터의 문, 창문 같은 존재) 높은 숫자의 port는 대부분 비어있다.

localhost:4000에 접속하면 아래와 같은 페이지를 확인할 수 있다. 받을 수 있는 정보가 없어서 아래와 같이 표현된다.

 

브라우저가 서버의 root(/)로 get request를 보내고 있다.

 

 

GET : 수많은 http method 중 하나이다. (get this page)

서버가 request를이해하기 위해서는 express application이 만들어진 다음부터 코드를 작성해야한다.

 

app.get("/", callback) -> 자바스크립트 클릭이벤트랑 구조가 비슷 callback 함수형식으로 꼭 보내야한다.

express에서 제공하는 req, res 2가지 오브젝트가있다. (자바스크립트의 event와 같은 개념) 

브라우저가 request를 하면 서버는 response를 해야한다.

 

const handleHome = (req,res) => { return res.end(); };

res.end :  서버가 request 종료시킨다.

res.send : 서버한테 해당 내용을 보낸다. (html, text, 파일, JSON 등)