Query Parameter( Query String )

개요

웹에서 데이터를 주고 받을 때는 2가지가 필요하다.
어떤 경로(End-point)에, 어떤 요청을 할 것인지를 정해줘야 한다.
여기서 경로와 관련된 개념이 Query Parameter이다.

url에서 Query Parameter 살펴 보기

youtube api를 호출 할 수 있는 url을 살펴 보자

https://youtube.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&q=surfing&key=[YOUR_API_KEY]'

여기서 ? 뒤에 나오는 부분이 QueryParameter이다.
Query Parameter는 key와 value로 쌍을 이루는 문자 형태이고 각 쌍들은 &로 연결한다.

위의 Query Parameter를 해석해 보면 검색 결과로 snippet을 받아 올 것이고, 최대로 25개 까지 결과를 받아올 것이며, 현재 검색한 키워드는 surfing이라는 의미이다.

이렇게 Query Parameter를 전달하는 이유는 어떤 키워드를 검색하거나, 요청을 할 때 필요한 옵션을 전달 하여 해당 옵션에 해당 하는 데이터를 받아오기 위해서 이다.

추가적으로 프론트엔드에서 쿼리스트링(URL 파라미터)을 가져오기 위해선 기본적으로 Web API인 Window.location를 이용하여 가져올 수 있다.