sveltekit2 [SVELTEKIT] Layout, Loading Layout +layout.svelte웹페이지의 공통 레이아웃에 대한 설정Navigation bar 이나 전체 reset.css 등 앱 전체에 공통으로 들어가는 요소들을 src/routes/+layout.svelte 파일을 만들어서 넣어준다기본 레이아웃 레이아웃 페이지에는 어떤 것이든 추가할 수 있지만 무조건 을 포함하고 있어야 한다. 만약 레이아웃에 를 추가한다고 하면 다음과 같이 작성해야만 한다. Home About Settings-> 위의 코드에서 nav 영역은 공통으로 들어가는 부분이고, slot이 각 페이지마다 다르게 들어가는 부분이다. = +layout을 설정하면, 네비게이션이 모든 페이지에 공통으로 들어가고 각 페이지는 slot에 들어가게 nested layouts(중첩 .. 2023. 3. 24. [SVELTEKIT] 스벨트킷 튜토리얼 SVELTEKIT tutorial - Routing, Pages sveltekit tutorial React에 NextJS, Vue에 Nuxt가 있듯이 Svelte에는 SvelteKit이 있다. NextJS와 Nuxt와 같이 SSR, SSG 등 여러가지 다양한 기능들을 제공한다. SvelteKit 은 고성능 웹 앱을 구축하기 위한 프레임워크이다.SSR/SSGloadhookendpointSvelte 는 UI를 쉽게 만들게 해줄 수 있는 컴파일러 or 라이브러리라면 Sveltekit는 svelte를 사용하여 SSR웹을 구축한다거나 Routing을 한다거나 등을 손쉽게 핸들릴 할 수 있게 해준다. RoutingSvelteKit 은 filesystem-based router 을 사용하여 src/routes 폴더 안에 있는 파일들은 SvelteKit이 자동으로 파일 이름에 따.. 2023. 3. 24. 이전 1 다음
