다큐멘터리 - svelte의 탄생

저는 수학적 주제를 어떻게 시각적으로 표현할 것인가에 관심이 많았습니다. desmos 같이 그래프를 시각화하는 훌륭한 사이트를 보고 감탄했고, 3blue1brown의 환상적인 애니메이션을 보면 저도 만들어 보고 싶단 생각이 들었습니다. 피보나치 수열과 같은 일차 점화수열의 mod 순서쌍을 도식화하는 것을 액셀 vba 로 해 보았는데 재미는 있으나 확장성은 떨어졌습니다. 다음과 같은 것들입니다.

react 공부가 어느 정도 되었다고 생각하고 d3.js로 시각화를 하려고 하니 예제들이 react 버전과 svelte 버전이 있었습니다. 근데 svelte 예제가 간결해서 svelte에 관심이 가게 되었습니다. 조금 공부해 보니 state 개념과 effect 개념이 크게 다르네요. 재미있을 것 같습니다.

마침 svelte의 탄생에 대한 다큐멘터리가 있어서 찾아봤습니다. 뒤쪽에 가니 next.js 와 vercel의 창립자도 등장합니다. Svelte 를 만든 Rich Harris가 현재는 vercel 소속으로 svelte 메인테이너 역할을 하고 있네요. 리액트의 대항마를 리액트 진영의 대표가 육성한다는 게 재미있다는 생각이 듭니다.

이 영상의 한글 요약은 다음과 같습니다.

* Svelte란 무엇인가?

Svelte는 웹에서 사용자 인터페이스를 만들기 위한 언어입니다. 다른 프레임워크와 달리 Svelte는 컴파일 시간에 많은 작업을 수행하여 고도로 최적화된 바닐라 JavaScript를 생성합니다.

* 만든 사람:

Svelte의 창시자인 Rich Harris는 저널리즘 분야에서 어떻게 웹 개발로 이어졌는지 설명합니다. 그는 처음에 Ractive라는 프레임워크를 만들었는데, 이는 혁신적이었지만 모바일 웹 시대에는 적합하지 않았습니다.

* Svelte의 탄생:

Svelte는 JavaScript 전송량을 줄이고 사용자 경험을 개선해야 할 필요성에서 탄생했습니다. 아이디어는 2016년 추수감사절 무렵에 나왔습니다.

* 주요 기능 및 이점:

Svelte는 사용하기 쉽고 코드가 명확하며 고성능 웹사이트를 생성할 수 있는 것으로 알려져 있습니다. 컴파일 시간에 반응형 코드를 생성하여 웹 개발을 보다 효율적으로 만듭니다.

* 커뮤니티 및 기여:

Svelte는 강력한 기여자 커뮤니티를 보유하고 있으며 450명 이상의 사람들이 메인 리포지토리에 코드를 기여했습니다. conduitry, li haö 및 Ben과 같은 주요 기여자는 개발에 매우 중요했습니다.

* Svelte와 다른 프레임워크:

Svelte는 Svelte 파일을 더 작은 JavaScript 조각으로 컴파일하여 대규모 코드 라이브러리를 전송할 필요가 없도록 한다는 점에서 React와 같은 프레임워크와 다릅니다 .

* 채택 및 만족도:

초기에는 회의적인 시각도 있었지만 Svelte는 단순성과 효율성으로 인해 인기를 얻었습니다. 특히 데이터 시각화 커뮤니티에서 선호됩니다.

* TypeScript 통합:

TypeScript 지원은 자동 완성 및 유형 검사를 통해 개발자 경험을 향상시키는 매우 요청된 기능이었습니다.

* Svelte Society:

Svelte Society는 핵심 팀의 코딩 노력과는 별개로 Svelte를 홍보하고 논의하기 위해 만들어졌습니다.

* Vercel의 참여:

Vercel은 Svelte의 잠재력을 인식하고 Rich Harris를 풀타임으로 고용하여 웹 개발을 더 빠르고 접근하기 쉽게 만들려고 했습니다.

* Svelte의 미래:

목표는 더 많은 사람들이 웹에서 더 쉽게 구축할 수 있도록 만드는 데 초점을 맞추고 성능과 접근성을 향상시키는 것입니다. 이 프로젝트는 자립적이고 커뮤니티 중심으로 운영되는 것을 목표로 합니다.