라우팅 (Routing)Svelte는 file-system을 기반으로 한 라우팅입니다./src/routes 폴더 안에 생성되는 폴더 이름으로 route가 됩니다.중첩 라우트(Nested Routes)의 경우 file-system이므로 폴더 안에 폴더를 생성하여 구현합니다.다이나믹 라우트는(Dynamic Routes)의 경우 폴더 명을 대괄호로 감싸고 사용할 params 명을 작성해 주면 됩니다.위의 예시에서 localhost/posts/3으로 접근하는 경우 postNum에 3의 값이 전달됩니다. localhostlocalhost/postslocalhost/posts/3 타입 세이프 (type safe)src 폴더 아래에 params라는 폴더를 생성하고 params의 type을 지정할 js 또는 ts 파일..

폴더 설명src/lib/ : 공통으로 사용될 수 있는 라이브러리 파일이나 컴포넌트를 두는 폴더src/routes : 웹 페이지에 route와 route의 페이지를 정의하는 폴더파일 설명+page.svelte : 페이지 컴포넌트를 정의하는 파일+page.ts : 특정 페이지에서 서버 측 로직을 처리할 때 사용하는 파일+layout.svelte : 여러 페이지에 공통적으로 적용할 레이아웃을 정의하는 파일+layout.ts : 레이아웃 컴포넌트에 필요한 서버 측 로직을 처리하는 파일Component.svelte : 페이지에 필요한 컴포넌트의 경우 컴포넌트 명을 파스칼케이스로 작성 (ex. 로그인 버튼 컴포넌트 Login.svelte)기본 문법SvelteKit은 기본 HTML 문법을 그대로 쓰는 느낌으로 사용할..

SvelteKit이란?SvelteKit은 svelte 프레임워크를 기반으로 한 현대적인 웹 애플리케이션 프레임워크입니다. svelte의 장점인 반응성을 유지하면서도 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), API 라우팅 등의 기능을 통합하여 개발자에게 보다 강력하고 유연한 도구를 제공합니다. 이번에 개인 프로젝트를 진행하면서 Frontend 프레임 워크로 선정하여 프로젝트를 진행하며 공부한 내용을 기록하려고 합니다.sveltekit createsveltekit을 생성하는 방법을 공식문서에서 참고하였습니다.https://svelte.dev/docs/svelte/getting-started Getting started • Docs • SvelteWe recommend using Svelte..