자바스크립트/Svelte

[svelteKit] 상위 레이아웃 무시하기

zenna 2022. 11. 11. 09:47

svelteKit에서는 폴더 내 +layout.svelte 파일을 통해 공통된 레이아웃을 적용하도록 해 줄 수 있는데,

가끔.. 이 레이아웃에서 벗어나 독자적인 형태를 띌 페이지를 제작할 필요가 있습니다. 

그럴 땐 파일 명을 

+page.svelte 가 아닌

+page@.svelte 라고 지정해주면 됩니다. 

다만 이 방법은 routes 폴더 가장 바깥쪽, 즉 사이트 접속 시 가장 먼저 보여지는 페이지에서는 적용이 안 되는 것 같습니다. 

메인 페이지만 풀 화면으로 보이게 하는 경우가 많은데, 별로군요

 

혹은 어떤 폴더(url) 내의 모든 페이지가 상위 레이아웃을 무시할 필요가 있습니다. 

이땐 폴더 안의 +layout.svelte를 +layout@.svelte라고 명명해주면 됩니다

728x90