Svelte kit route 메모

src/routes/(app)/member/**

소괄호로 묶은 (app) 은 개발자가 그루핑을 하기위한 용도임 url 에 적용되지 않음.

동적인 라우팅

src/routes/post/[id].svlete -> 이런 방식도 가능

<script>
  import { page } from '$app/stores';

  $: id = $page.params.id;
</script>

<h1>Post ID: {id}</h1>

또는

src/routes/[id]/detail/+page.svelte 와 같을 때

<script lang="ts">
	import rq from '$lib/rq/rq.svelte';
	import { page } from '$app/stores';
	import type { components } from '$lib/types/api/v1/schema';

	let post: components['schemas']['PostDto'] | null = $state(null);

	rq.effect(async () => {
		const { data, error } = await rq.apiEndPoints().GET('/api/v1/posts/{id}', {
			params: {
				path: {
					id: parseInt($page.params.id)
				}
			}
		});

		if (data) post = data.data.item;
	});
</script>