[SvelteKit] Url의 Params 가져오기 (get query)

오늘은 현재 경로 URL에서 Parameter를 가져오는 방법에 대해 알아보겠습니다.

 

예시 주소>

https://dalgonakit.tistory.com/manage/newpost/?type=post&returnURL=manage

 

위 URL를 치고 들어갔을때,

type값과 returnURL값이 필요할 수 있습니다. 

 

? 물음표 뒤에 있는 문장들을 query string, url parameters라고 합니다.

key=value 형태로 되어 있으며, &로 key를 분리해놓습니다.

같은 키가 여러개면, 덮어써지지 않고 value가 배열 형태로 세팅되는게 일반적입니다.

 

 

 

 

Sveltekit 코드

import { page } from '$app/stores'

<script>
	const type = $page.url.searchParams.get('type')
	const returnURL = $page.url.searchParams.get('returnURL')  
</script>

+page.svelte

 

먼저 $app/stores 로부터 page를 import시키고

script부분에서 $page.url.searchParams로 key값을 적어주면 값을 가져오실 수 있습니다.