1. 기본 설치 및 프로젝트 설정
SvelteKit은 Svelte를 기반으로 하는 강력한 웹 프레임워크입니다. 새로운 프로젝트를 시작하고 기본 구조를 이해하는 방법을 알아봅니다.
1.1. SvelteKit 프로젝트 생성
터미널에서 다음 명령을 사용하여 새 SvelteKit 프로젝트를 생성합니다. 원하는 패키지 관리자를 선택할 수 있습니다.
npm create svelte@latest my-sveltekit-app
cd my-sveltekit-app
npm install
npm run dev
이 명령은 대화형으로 프로젝트 설정을 안내합니다.
1.2. 프로젝트 기본 구조
생성된 프로젝트의 주요 디렉토리와 파일은 다음과 같습니다.
src/: SvelteKit 애플리케이션의 모든 소스 코드가 포함됩니다.src/routes/: 파일 시스템 기반 라우팅을 정의하는 곳입니다.src/lib/: 재사용 가능한 컴포넌트, 유틸리티 함수 등이 포함됩니다.static/: 웹 서버에 의해 직접 제공되는 정적 파일 (예:favicon.ico)을 저장합니다.
주요 개념: SvelteKit은 파일 시스템 기반 라우팅을 사용하여 웹사이트의 구조를 정의합니다.