svelte 번역 - 1 - Introduction

Introduction

Svelte 참조 문서에 오신 것을 환영합니다! 이 문서는 Svelte에 대해 어느 정도 익숙한 분들이 더 자세히 알아보고자 할 때 참고할 수 있는 리소스입니다.

아직 Svelte에 익숙하지 않다면, 이 참조 문서를 보기 전에 대화형 튜토리얼이나 예제를 먼저 살펴보는 것이 좋을 수 있습니다. REPL을 사용하여 온라인에서 Svelte를 시도해 볼 수 있습니다. 또는 더 완전한 기능을 갖춘 환경을 원한다면, StackBlitz에서 Svelte를 사용해 볼 수 있습니다.

새 프로젝트 시작하기

Svelte 팀의 공식 애플리케이션 프레임워크인 SvelteKit을 사용하는 것을 권장합니다:

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

SvelteKit은 Svelte 컴파일러를 호출하여 .svelte 파일을 DOM을 생성하는 .js 파일과 이를 스타일링하는 .css 파일로 변환합니다. 또한 개발 서버, 라우팅, 배포, SSR 지원 등 웹 애플리케이션 구축에 필요한 모든 요소를 제공합니다. SvelteKit은 코드 빌드를 위해 Vite를 사용합니다.

SvelteKit의 대안

어떤 이유로 SvelteKit을 사용하고 싶지 않다면, npm create vite@latest를 실행하고 svelte 옵션을 선택하여 Vite와 함께 Svelte를 사용할 수 있습니다(SvelteKit 없이). 이 경우 npm run build를 실행하면 dist 디렉토리 안에 HTML, JS, CSS 파일이 생성됩니다. 대부분의 경우 라우팅 라이브러리도 선택해야 할 것입니다.

또는 주요 웹 번들러용 플러그인을 사용하여 Svelte 컴파일을 처리할 수 있습니다. 이는 HTML에 삽입할 수 있는 .js와 .css를 출력하지만, 대부분은 SSR을 처리하지 않습니다.

에디터 도구

Svelte 팀은 VS Code 확장을 유지 관리하고 있으며, 다른 여러 에디터와 도구에 대한 통합도 있습니다.

도움 받기

Discord 채팅방에서 도움을 요청하는 것을 망설이지 마세요! Stack Overflow에서도 답변을 찾을 수 있습니다.