이 글의 내용 중 SvelteKit Docs 문서 부분은 Sveltekit가 Release 되기 전 문서 내용입니다. 글 작성 이후 session이 삭제되고, +접두사로 파일 이름 규칙이 변경되는 등 대대적인 변경이 있었습니다. 따라서 SvelteKit Docs 내용 부분은 현재 도움이 되지 않습니다. SvelteKit을 공부하기 전에 Svelte 부터 공부해야 합니다. 2022.06.23 - [Study/JavaScript] - Svelte 공부하기 Svelte는 tutorial 사이트에서 직접 예제를 테스트해볼 수 있어서 공부하기 편했다. SvelteKit은 예제를 테스트 해볼 수 있는 사이트 제공이 없다. 따라서 로컬에 설치하고 개인적인 프로젝트를 만들면서 나한테 필요한 설정들에 대해서 정리해 보고..

Svelte 소개 Svelte는 2016년 출시된 오픈소스 프런트엔드 웹 프레임워크이다. 기존에 인기 있는 React, Angular, Vue.js를 이어 다음 주자가 될지 관심을 받고 있다. https://svelte.dev/ 개발 과정에선 Svelte를 사용하지만 빌드 시 vanilla JavaScript로 결과물을 만들어내서 이로 인해 라이브 사용 시 코드 용량이 많이 줄어든다고 한다. 또한 가상 Dom을 사용하지 않고 간소화된 코드로 기존 대비 동일한 결과물을 만들 수 있다고 한다. React의 Next, Vue의 Nuxt같이 Svelte도 SvelteKit이 있다고 하는데 일단 Svelte가 어떤 라이브러리인지 알아본다. 공부하기 다음과 같이 사용하여 Svelte template 프로젝트를 만들..