svelte route와 page 생성 및 error page

 

svelte 프로젝트를 생성하면 기본적으로 다음과 같은 구조를 갖는다.

(생성 방식에 따라 차이가 있을 수 있음)

 

src 내에 routes 폴더를 확인할 수 있다.

 

Routes 폴더에 "+page.svelte" 파일이 기본적으로 존재하며 svelte 로컬에서 나오는 페이지가 "+page.svelte" 임을 확인할 수 있다.

 

실제로 "routes/+page.svelte" 파일을 수정하면 로컬 브라우저에서 즉시 수정됨을 확인할 수 있다.

 

src/routes/+page.svelte 에 내가 작성한 코드가 화면에 출력됨을 알 수 있다.

 

 

작성 방식은 기본적인 html 작성 방식을 따르면 된다.

 

여기서 확인한 것은 "src/routes/+page.svelte"은 localhost를 의미하는 것이다.

 

경로 기반 라우팅을 생각하면 된다.

 

그렇다면 다른 route 설정은 어떻게 할까?

 

scr/routes 폴더 안에 sample 폴더를 생성 후 똑같은 "+page.svelte" 파일을 생성해준다.

 

느낌이 오지 않는가?

 

그렇다고 합니다.

 

+ error page

잘못된 url을 입력한 경우...

 

 

 

 

ref)

https://kit.svelte.dev/docs/routing

Routing • Docs • SvelteKit