Svelte 개발하기, Routing

Svelte 개발 중 라우팅을 정리한 글

Routing

라우팅은 어떤 프론트 기술에서도 동일하게 적용되는 개념이니 간단하게 정리하려고 한다.

스벨트키트 레퍼런스 라우팅 부분을 보면 따로 라이브러리 안 쓰고 동적 라우팅 하는 방법을 알려주고 있었다.

나는 이걸 스치듯이 보고 넘어가서 라이브러리를 사용하는 걸로 해결하려 했는데 그럴 필요가 없었음

Routing • Docs • SvelteKit

At the heart of SvelteKit is a filesystem-based router. The routes of your app — i.e. the URL paths that users can access — are defined by the directories in your codebase:
src/routes is the root route
src/routes/about creates an /about route
src/routes/blog/[slug] creates a route with a parameter, slug, that can be used to load data dynamically when a user requests a page like /blog/hello-world → 여기서 알려주고 있다

Static Routing

정적라우팅은 폴더 생성 후 그 아래 있는 파일명이나 폴더명으로 직접 처리하는 방법이다.

routes 폴더 하위에 sign-in/password-initialize로 세팅했다면 host/sign-in/password-initialize로 접근할 수 있다.

 

Dynamic Routing

동적라우팅은 별도의 생성없이 사용자가 입력한 경로를 처리해 주는 방법이다.

왼쪽 이미지에 따르면 host/this-is-path 라고 입력할 때 해당 경로로 접근할 수 있다.