Svelte 기본 개발환경 세팅 (SvelteKit XX)

Svelte랑 Sveltekit이랑은 다르다. 

React와 Nextjs 같은 개념으로 생각하면 되는데 Sveltekit은 Svelte를 더 간편하게 써 줄 수 있게 하는 프레임워크다. 

 

 

https://svelte.dev/  공식사이트에 들어가면 떡 하니 

 

 

이렇게 프로젝트 생성부터 실행하는 것 까지 간단하게 나와 있는데 엄밀히 말하면 이것은 Svelte 프로젝트 세팅이 아니라 Sveltekit 세팅이다. 나는 React -> Nextjs 순으로 개발했을 때 더 편하고 더 나아진 점을 느꼇었기 때문에 이번에도 먼저 Svelte -> Sveltekit 순으로 가고 싶어 유튜브에 Hollo Coding 이라는 유튜버 강사님의 영상을 보면서 글을 작성해나가려 한다. 

 

npm init vite ./    // 프로젝트를 설치할 폴더경로
npm run install     // 늘 먹던거
npm run dev         // 끝

 

 

vite는 Svelte 에서 메인으로 쓰는 번들러라고 한다.