쿼리 스트링(Query string), URL 파라미터

Tony·2021년 9월 12일
0

오늘 Ark 회의 중에 쿼리스트링이라는 말을 들었다.
사실 처음 보는 단어는 아니었다.
회사에서 웹 페이지를 만들 때 formdata(썸네일)를 보내면 서버에서 쿼리스트링에서 무언가를 가져와서 구분하는 것을 봤었다.
그 당시 어렴풋이 추측만 했었는데 오늘 명확하게 그 의미가 전달이 되고 이것을 기록하고자 한다.

쿼리스트링(Query string) 이란?

https://www.inflearn.com/courses?order=seq&skill=python

위 URL에서 물음표 다음에 오는 것들이 쿼리 스트링이다.
쿼리스트링은 key=value 형태라고 보면 된다.
위 예시에선 order가 key이고 seq가 value이다.
그리고 쿼리스트링을 여러개 보내고 싶으면 &(앤드 연산자)를 붙여서 추가할 수 있다.
위 예시에선 두개의 쿼리스트링을 보내고 있는 것이다.
1. order(key) = seq(value)
2. skill(key) = python(value)
프론트엔드에서 쿼리스트링(URL 파라미터)을 가져오기 위해선
프레임워크에서 제공하는 방법이 있을 수 있지만
기본적으로 브라우저의 Web API인 Window.location를 이용하여 가져올 수 있다.

가져온 쿼리스트링을 꺼내는 방법은 여러가지가 있을 수 있지만 참고 문헌에만 남기고 정리는 하지 않겠다.

Query : 질문

쿼리는 질문이라는 뜻이다.
쿼리스트링은 URL에서 물음표 뒤 모든 문자열을 의미한다.

참고 문헌

profile
움직이는 만큼 행복해진다

0개의 댓글