실전 스벨트 & 스벨트킷 입문 리뷰

[제이펍 리뷰]

 

출판사 제이펍의 리뷰 이벤트 당첨으로 보게된 "쇼핑몰사이트 웹 애플리케이션"을 만들면서 배우는 스벨트 & 스벨트킷입니다.

 

[도서 정보]

교보문고 - https://product.kyobobook.co.kr/detail/S000212989287

실전 스벨트 & 스벨트킷 입문 | 하마구치 교헤이 - 교보문고

yes24 - https://www.yes24.com/Product/Goods/125931860

실전 스벨트 & 스벨트킷 입문 - 예스24

알라딘 - http://aladin.kr/p/oqztM

 

 

사실, "스벨트"라는 프론트엔드 프레임워크를 처음 들어보았다.

 

주로 클라이언트나 모바일 등 C, C#, Java, Android 등 위주로 해보았고, 웹은 Python이나 PHP 등만 해보아서 사실 프론트는 React나 Node.js, next.js, vue.js등만 알고있는 상태였다.

 

그래서 스벨트에 대해 호기심이 생겨서 이 책을 재밌게 볼 수 있었다.

 

스벨트라는 단어의 뜻이 날씬한, 유연한, 우아한이라고 해서 이름과 비슷하게 유연한 프레임워크를 지향하는게 아닐까라는 생각을 해보았습니다.

 

먼저, 책은 쇼핑몰사이트를 만드는 방법을 하나씩 소개하면서 스벨트와 스벨트킷에 대해서 배워나가는 책입니다.

 

스벨트는 자바스크립트 UI 라이브러리이고 스벨트킷은 스벨트를 베이스로 한 웹 프레임워크라고 생각하면 됩니다.

 

스벨트는 스벨트 사이트에서 개발도구 설정없이 스벨트를 해볼 수 있습니다.

https://svelte.dev/repl/hello-world?version=4.2.16

Hello world • REPL • Svelte

 

개발도구는 Visual Studio Code의 플러그인을 통해서 개발할 수 있습니다.

다만, 책에서는 개발환경 설정은 간단하게 소개해줄 뿐이라 따로 찾아보긴 해야합니다.

 

그리고 책은 타입스크립트가 아닌 자바스크립트를 기본으로 해서 설명해주고 있어서 저처럼 타입스크립트를 접해보지 못하고 기존적인 자바스크립트만 안다면, 좀 더 쉽게 접할 수 있습니다.

그렇지만, 타입스크립트가 필요한 부분에 대해서는 별도로 타입스크립트로 설명해주고 있습니다.

 

초반에는 스벨트의 기본 기능, 컴포넌트 작성 방법, 리액티비티와 고급 템플릿 문법, 애니메이션 등의 고급 기능을 설명해주고 있다.

 

스벨트는 가상DOM을 사용하지 않는 다고 되어 있다.

사실 가상 DOM과 실제 DOM의 차이는 잘 모르겠다.

책에서 간단하게 설명해주지만, 조금 아쉬운 것 같다.

 

상태 변경에 따라 DOM이 업데이트 되는 구조인데, 이를 스벨트에서 리액티비티라고 하는데, 이 부분이 스벨트에서 중요한 요소인 것 같다는 생각이 든다.

 

또한, 여러 컴포넌트의 상태를 공유하기 위해 스토어라는 구조를 제공하는 데 이점도 조금 신기한 듯 싶다.

 

스벨트도 vercel를 통해서 배포가 가능하다는 것도 이점인거 같다.

vercel은 next.js만 되는 줄 알았는데 스벨트로도 가능하다는 점이 토이프로젝트로 시도할 때 좋은 점인 거 같습니다.

 

아쉬운 점은 책이 쇼핑몰 사이트를 만들면서 배우는 책인데, 이와 관련된 설명이나 부분이 짧은 건 아쉬웠습니다.

 

하지만, 실제로 배포하고 하는 부분과 로그인 부분 등 다른 책에서는 주로 다루지 않은 부분도 다루고 있어서 좋았습니다.

 

스벨트와 스벨트킷이라는 조금 생소하지만 입문하기에 좋은 책이라고 생각합니다.