Path variale와 Query string

meno1011 2023. 2. 2. 12:42
728x90

1) Path variable

/categories/monitor 와 같이 경로에 대한 요청을 할 수 있다. 백엔드에서 보자면

/categories/:category와 같은 형식의 라우트를 만들어서 monitor를 :(콜론)으로 구분자를 두고 category에서 값을 얻어 올 수 있다.

2) Query string

/user?name=joy 와 같이 ? 뒤에 name이라는 변수에 값을 넣어서 백엔드에 전달하는 방식으로 key, value형식(예시의 상황에선 key: name, value: joy)을 가진다.

아래 코드를 보면 req.query를 통해 name의 값을 가져오는 것을 볼 수 있다.

3) Query string과 Path variable은 언제 쓰는가?

위 두가지 방법을 통해 말하자면 Path variable은 특정 위치의 경로에 요청을 보낼경우, Query string은 특정 위치의 경로에 있는 데이터를 필터링하기 위한 값을 넣어주기 위한 값으로 생각하면되겠다.

예로 url에 요청을 하면 카테고리중 모니터가 있는 곳에 이동 /categories/monitor 페이지에서 필터중 브랜드는 benq를 선택 하였다고 했을때 /categories/monitor?brand=benq와 같은 url로 지정하면 될 것이다.