본문 바로가기
개발/브라우저와 네트워크

URL:QueryString과 Params

by 안뇽! 2021. 9. 26.
반응형

Querystring

 GET  /airport?code={query}
 
 /airport?code=ICN

 

아래 코드와 브라우저 주소창에 타이핑한 결과를 살펴보자

const express = require('express');
const router = express.Router();

//[GET] /airport?code={query} 요청을 수행한다.

router.get('/airport', function (req, res) {
  console.log("공항 코드는 " + req.query.code + " 입니다")
  res.send("code : " + req.query.code)
});

주소창에 타이핑

 

req.query.code = {query} 와 주소창에 타이핑한 localhost:3001/airport?code=icn 을 비교해보자.

req. query. code {query}
localhost:3001/airport ? code icn

 

Params

GET  /flight/{:id}

/flight/af6fa55c-da65-47dd-af23-578fdba40bed

 

아래코드와 브라우저 주소창에 타이핑한 결과를 살펴보자

const express = require('express');
const router = express.Router();

// [GET] /flight/{:id}
// 요청 된 id 값과 동일한 uuid 값을 가진 항공편 데이터를 조회합니다.

router.get('/:id', function (req, res) {
  console.log("항공편 ID는 " + req.params.id + " 입니다")
  res.send("flight ID : " + req.params.id)
});

주소창에 타이핑

 

/flight/{:id}  와 주소창에 타이핑한 localhost:3001/flight/af6fa55c-da65-47dd-af23-578fdba40bed 을 비교해보자.

/flight /{:id}
localhost:3000/flight /af6fa55c-da65-47dd-af23-578fdba40bed

 

반응형

'개발 > 브라우저와 네트워크' 카테고리의 다른 글

Location header  (0) 2021.10.23
CSR과 SSR  (0) 2021.09.29
웹의 동작 원리  (0) 2021.09.25
HTTP cache  (0) 2021.09.24
웹서버와 앱서버의 차이  (0) 2021.09.09