쿼리스트링(Query String) 간단하게 알아보기

프로그래밍개발

쿼링스트링에 대해서 알아봅시다

웹 개발을 할 때 생각보다 Ajax를 이용할 때 주로 많이 봤을 방법인 Get방식으로 넘기는 방법 한 번씩 보셨죠? 그렇게 사용을 할 수 있는 방법에 대해서 알아보려고 합니다. 쉽고 간단하게 설명해 보도록 하겠습니다.

목차

쿼리 스트링(Query String)

쿼리 스트링은 사용자가 입력 데이터를 전달하는 방법 중 하나이며 해당 데이터를 가장 단순하게 전달할 수 있는 방법입니다. 웹 개발을 할 때 보통 우리가 사용하고 있는 Ajax 등을 보게 되면 주로 GET방식으로 데이터를 요청할 때 사용하는 방식 중 하나입니다. 우리가 주소(URL)에서 볼 수 있듯이 http://odinbox.co.kr/path?test 이런식으로 나오는 것을 이야기합니다.

쿼리 스트링 형식은 key = value 형식으로 되어있으며 여러 개 사용을 할 때 &로 구분을 할 수 있습니다.

navigate({
	pathname: '/',
    search: '?test=&(test)'
})

var { search } = useLocation();
var Query = Search.split(/[=,&]/);

위와 같이 사용을 할 수 있습니다. 또 이런 방법을 활용하여 캐싱 방지를 할 수 있는데 해당 방법의 경우 css, js 파일을 추가했을 때 위에 설명했던 방식 중 '?cashing=one' 이렇게 추가하면 수정할 때마다 one을 변경하게 된다면 캐싱 없이 바로 반영을 할 수 있습니다.

마무리

간단하고 쉽게 쿼리스트링에 대해서 알아봤습니다. 저 또한 일을 하면서 모르는 것은 해외 사이트 등을 활용하여 공부를 하고 있습니다. 쿼리스트링 개념과 사용방법에 대해서 간단하게 정리했는데 도움이 되셨나요? 수정할 부분과 궁금한 것이 있다면 댓글을 통해 남겨주시면 답볍드리도록 하겠습니다!