혹시 에코시스템에 대한 질문을 해도 괜찮을까요?

Svelte.js 입문 가이드

VS Code에서 Svelte 프로젝트 시작하기

작성

214

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 
- 먼저 유사한 질문이 있었는지 검색해보세요. 
- 서로 예의를 지키며 존중하는 문화를 만들어가요. 
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요, 강사님

패캠에서 구매했던 강의에 강사님이 있었는데, svelte에서도 또 만나뵙네요. ㅎㅎ

무료 강의분을 들어보았는데 맘에 들어서 바쁜일이 마무리되면 강사님의 svelte 강의를 구매해 보려고 합니다.

그 전에 제가 잘 이해가 안가는 부분이 있어 질문을 드립니다.

타 블로그 등에서 서로 상반되는 얘기들이 좀 있어서 헷갈리더라고요.

제가 잘못 이해하고 있거나 부족한 부분에 대해 설명 부탁 드립니다.

강사님이 강의에서 프로젝트 생성에 사용하신 방법이 degit을 사용해서 template을 가져오는 방법이었고, 여기서는 rollup을 사용하고 있는 것으로 알고 있습니다.

현재 svelte 쪽에서는 snowpack으로 이전을 하려고 하고 있고, 현재 beta가 공개된 것으로 알고 있고요.

이 snowpack, vite, sveltekit의 관계를 잘 모르겠어서 여쭤봅니다.

누구는 snowpack이 sveltekit을 사용하려다 vite로 바꿨다 하고

누구는 다 다른거다라고 하고

누구는 sveltekit이 vite 기반으로 만들어서 snowpack으로 이름을 바꾼거다 라는 것 같더라고요.

모두 영어권 자료를 본 거라 제가 잘못 해석했을수도 있지만, 이정도로 정리가 되는 거 같은데,

혹시 강사님께 정확한 설명을 부탁 드려도 괜찮을까요?

제가 이해하기로는 현재 svelte 진영은 sveltekit을 recommend 하고, sveltekit은 snowpack을 기반으로 했다가 현재는 vite 기반으로 하는 것으로 이해했습니다.

개인적으로는 template보다 이 방법이 선호되더라고요.

linter나 formatter 설정도 쉽고, typescript도 깔끔하게 잘 붙고, 좋아하는 tailwindcss 같은 3rd party를 붙이기도 쉽고 ^^;;

끝으로, 좋은 강의 감사합니다.

설명이 장황하지 않고 깔끔해서 좋았어요. ^^

답변 1

지식공유자

김정호 님 안녕하세요~

Svelte가 SSR를 위한 프로젝트를 지속해서 Snowpack으로 진행했던 것이 맞습니다.

그런데 어느 순간 기술적으로 Svelte+Snowpack 보다는 Svelte+Vite가 더 적합하다고 판단한 것 같아요.

그래서 새롭게 나온 SvelteKit은 베타는 Vite를 사용하고 있습니다.

저도 전엔 Snowpack을 사용한다고 해서 그렇게만 알다가,

Vite를 사용하는 건 올해 봄에 베타가 나오고 알았네요.

SvelteKit이 기본 템플릿으로 훌륭하게 사용될지는 공식 릴리즈까지 지켜봐야 할 듯해요.

보통 가벼운 SPA 프로젝트는 사실 SvelteKit을 사용할 필요가 없습니다.

어디까지나 SSR를 위해서 사용하시는 것이 좋고요.

물론 말씀하신 것처럼 린터나 타입스크립트 같은 서드파트들을 붙이기 좋다고 느끼시면 SvelteKit을 사용하는 것도 좋은 방법입니다.

어디까지나 개인 취향이 반영될 부분이라서요.

Svelte가 잘 정착해서 많은 분이 사용했으면 좋겠네요.

답변이 되었을지 모르겠습니다.

확인해 보시고 질문이 더 있으시면 말씀해 주세요.

즐거운 추석 연휴 보내세요~😊

질문자

답변 감사합니다. 명확하게 이해되었어요. ^^

강사님 강의 잘 보고 있습니다.

Svelte 서적은 딱 한 권 밖에 출간된 것이 없는데, 이 책은 보기 편한 구성은 좀 아니었어요.

근데 강사님 강의와 함께 보니 좀 더 이해가 잘 되더라고요.

강사님의 강의와 함께 스벨트에 잘 정착해보고 싶네요.

감사합니다. :)

인프런 커뮤니티 질문&답변