쿼리스트링(Querystring)

Querystring이란?

http://localhost:3000/topic?id=1

 

• 위 주소의 전체를 URL이라 하고 '?' 뒤에 나오는 'id=1' 과 같은 부분을 쿼리스트링이라 한다.

 

Querystring 이용 방법

app.get('/topic', (req, res) => {
  res.send(req.query.id);	// 1
});

• req.query를 이용해서 값을 얻는다.
• "/topic?id=1"에서 id와 "req.query.id"에서 id가 일치해야 값을 읽을 수 있다.

 

소스코드

app.get('/topic', (req, res) => {
  var topics = [
    'Javascript is ...',
    'Nodejs is ...',
    'Express is ...'
  ];

  var output = `
    <a href="/topic?id=0">JavaScript</a><br>
    <a href="/topic?id=1">Nodejs</a><br>
    <a href="/topic?id=2">Express</a><br><br>
    ${topics[req.query.id]}
  `
  res.send(output);
});

 

Semantic URL이란?

http://localhost:3000/topic/1

• 질의어 없이, 경로만 가진 간단한 구조의 URL

 

Semantic URL 이용방법

app.get('/topic/:id/:mode', (req, res) => {
  res.send(req.params.id + ',' + req.params.mode);
});

• req.params를 이용해서 값을 얻는다.
• "/topic/:id/:mode"에서 id와 mode가 req.params.id와 req.params.mode에서 id와 mode와 일치해야 값을 읽을 수 있다.

 

소스코드

app.get('/topic/:id', (req, res) => {
  var topics = [
    'Javascript is ...',
    'Nodejs is ...',
    'Express is ...'
  ];

  var output = `
    <a href="/topic/0">JavaScript</a><br>
    <a href="/topic/1">Nodejs</a><br>
    <a href="/topic/2">Express</a><br><br>
    ${topics[req.params.id]}
  `
  res.send(output);
});

 

참고

www.youtube.com/watch?v=iXkl5lwjsD8&feature=emb_title

www.youtube.com/watch?v=qlwzrTrWPwI&feature=emb_title

ko.wikipedia.org/wiki/%EA%B0%84%ED%8E%B8_URL