한빛미디어

유명한 번들러 중에서 롤업을 만든 리치 해리스 아저씨가 스벨트를 만들었다고 하는데, 난 스벨트 잘 모른다. 일단 따라하며 살펴보는거다. 'ㅅ')

.svelte 파일에는 js, css, html 을 전부 때려넣어 구현할 수 있고, 스벨트 컴파일러는 .svelte 파일을 js 와 css 로 컴파일하게 된다. 모듈 번들링으로 롤업을 기본적으로 사용하며, 일반적으로 하나의 .svelte 컴포넌트 파일은 script, html, style 순서로 작성되는 것으로 도서에서는 소개하고 있다. 초반부에서 REPL 을 사용한 간단한 코딩 예제와 Todo 앱 예제 실습에서, '오 이것 봐라. 간단한데' 하는 느낌을 받았다. $: 구문으로 리액티브 변수 선언을 하는 부분이 React 의 useState 로 선언하는 상태 변수들에 비해 가볍게 느껴졌고, 첫 컴포넌트 제작에도 큰 어려움을 느끼지 못 했다.

'새퍼' 에 대해서 가볍게 살펴본 바로는 기본적으로 polka 라이브러리 기반으로 만들어져 있고, 페이지 라우팅, 페이지 레이아웃, SSR, 서버 라우트, code splitting, 정적 사이트 생성 기능 제공, prefetch 기능 지원을 하는 것으로 소개하고 있는데, 이는 React 환경의 Next.js 의 역할을 한다고 생각할 수 있겠다. 'ㅅ')a. React 환경에서 개발을 하고 있는 현재 일상에서 약간 떨어져 바라보자면, React 가 코드를 작성하는 방법에 있어 코드 일관/통일성 부분에서 이전의 코드 작성 환경과의 차이를 만들어냈다면, 스벨트는 기본 작성의 Rule 을 심플하게 가져가면서, 코드 작성의 자유를 좀 더 허가했다는 느낌이랄까 'ㅅ')

React 환경에서 함수 컴포넌트 사용시에 상태 관리를 위해 느껴지는 코드 작성 피로도를 줄일 수 있겠지만, 다수의 사람들과 협업시에는 앱/컴포넌트 복잡도가 올라간다면 제어를 위한 코드 작성 방식에 좀 더 신경을 써야겠다는 생각이 들었다.

이 도서에서는 스벨트의 기본적인 모든 것을 다루고 있다고 볼 수 있다. 사실 앱 설계 과정에서 '새퍼' 관련 코드까지 하나의 도서에서 다루고 있다는 점에서, 전체적으로 가벼운 스벨트를 사용한 전반적인 앱 설계를 가볍게 않게 소개하고 있는 레퍼런스 도서라 할 수 있다. 앞으로 설계할 앱에서 빠르고 가벼운 개발을 원하는 사람이라면 읽어볼만한 도서라고 생각한다.

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."