uri, req, res 설명

URI 주소란?

URI, 주소는 미들웨어를 작성할 때는 보편적으로 다음과 같이 작성 한다.

router.get('/',(req,res) =>{
	~
{);

 

get 또는 post 메서드를 사용하는데, 여기서는 간단한 예시 이므로 생략 한다.

위에서 '/'가 uri라고 볼수 있다.

URI는 통합 자원 식별자의 약칭이며, 쉽게 말해 접근하고자 하는 주소이다.

예를들어 기본 주소가 www.1234.co.kr 이라고 가정했을 때,

router.get('/') -> www.1234.co.kr/
router.get('/hi') -> www.1234.co.kr/hi
router.get('/hi/bye') -> www.1234.co.kr/hi/bye
router.get('/hi/bye/:id) -> www.1234.co.kr/hi/bye/(id식별자 값)

위와 같은 방식으로 작동을 한다.

req란?

req, 요청
req는 request의 줄임말이다.
직역한 것과 같이, 본문으로부터의 요청을 받는다고 생각하면 이해가 쉽다.

 

아래의 예시를 보면 이해가 쉽다.

req.body: body-parser 미들웨어가 만드는 요청의 본문을 해석한 객체이다.
req.params : 파라미터의 데이터를 가져온다.
req.query : 쿼리스트링의 정보를 가져온다.
req.headers : header 값을 가져온다.
req.cookies : 쿠키 값을 가져온다.
req.ip : 프론트 아이피를 가져온다
req.protoco : 프로토콜 http? https? 인지 가져온다
req.url : 전체 URI 정보를 가져온다.

 

router.get('/board/list/post/:page',function(req,res,next){
	~
}

 

예를 들어 위의 코드에서, req.params.page는 인자로 딸려온 :page의 값이다.

router.post('/insert',(req,res)=>{
  const title = req.body.title;
  const content = req.body.content;
  const author = req.session.displayName;
}
// board.js 
// insert쿼리를 수행하는 라우터

<input type="text" name="title" placeholder="제목을 작성해주세요!" > 

// write.html에서 발췌함.

위에서, input 태그의 name을 설정하면 js에서 req.body.(name)으로 입력된 정보를 가져올 수 있다.

res, 응답

res는 response의 줄임말이다.
function의 기능이 수행된 이후, 본문에서 수행될 것을 알려주는? 기능이라고 이해하면 쉽다.

아래의 예제를 보면서 이해하자.

 

res.send() : 클라이언트에 응답을 보낸다.
res.json() : 클라이언트에 json을 만든다.
res.redirect() : 페이지를 이동시킨다.

router.get('/board/list',function (req,res,next) {
  res.redirect('/board/list/1'); 
  // 기본 주소로 접속시 자동으로 해당 URI로 페이지를 이동시킨다.
})

res.send("<script>alert('먼저 로그인을 해주시기 바랍니다'); 
document.location.href='/board/list'</script>");
// 응답에 스크립트를 통해 경고창 팝업을 띄우고, 특정 페이지로 강제이동시킨다.