Understanding Svelte: A Unique Web Development Tool

Svelte는 React와 같은 기존 프레임워크에 대한 더 간단하고 빠른 대안을 제공하여 웹 개발에 혁신을 가져왔습니다.

### Svelte 살펴보기: 웹 개발을 혁신하는 컴파일러
* 🌐 오늘은 작년 스택 오버플로 개발자 설문조사에서 가장 사랑받는 웹 프레임워크로 1위를 차지한 **대화형 웹사이트 구축 도구인 Svelte**에 대해 자세히 알아보겠습니다.
* ⚙ React나 Vue와 같은 기존 라이브러리와 달리 **Svelte는 컴파일러로 작동**하여 추가 프레임워크 없이도 코드를 브라우저에서 바로 실행되는 최적화된 JavaScript로 변환합니다.
* 📉 이 독특한 접근 방식 덕분에 애플리케이션 크기가 훨씬 작아졌습니다. 예를 들어, **Svelte 할 일 앱의 무게는 3.6킬로바이트**에 불과한 반면 **React의 동일한 앱의 무게는 45킬로바이트가 넘습니다.**
* 🚀 또한 스텔스 애플리케이션은 **가상 DOM이 필요 없기 때문에 바닐라 JavaScript에 필적하는 속도**를 자랑하며, DOM을 직접 조작하여 성능을 최적화합니다.
* 💻 개발자들은 직관적인 디자인과 향상된 개발자 경험으로 후크나 상태 관리와 같은 복잡한 개념이 자주 사용되는 **React나 Vue에 비해 배우고 작업하기 쉽다**는 점에서 Svelte를 좋아합니다.
* 🔍 클릭 카운터 및 사용자 입력 처리와 같은 간단한 예제를 통해 **Svelte의 직관적인 구문**은 개발자가 최소한의 코드로 작업을 수행할 수 있는 효율성과 가독성을 보여줍니다.
* 📊 Svelte는 훌륭한 도구이지만, 현재 **매주 1,400만 건 이상의 다운로드**가 이루어지는 React에 비해 커뮤니티와 채용 시장이 작기 때문에 취업을 원하는 초보자에게는 **더 안정적인 선택**이 될 수 있습니다.
* 🎨 궁극적으로 Svelte는 개발자에게는 예술적이고 즐거운 도구이지만, **초보자가 자바스크립트 원리를 제대로 이해하려면 React와 같은 기존 프레임워크에서 탄탄한 기초**를 쌓는 것이 좋습니다.

앞으로 대세는 스벨트? 10분 완벽 정리해드림.

한국인 린과 콜롬비아인 니꼴라스의 프로젝트 "노마드 코더" 입니다.
2015년 떠나, 현재까지 원하는 곳에서 일하며, 살고 있습니다.
📌 니콜라스와 무료로 코딩 공부하기 : https://nomadcoders.co


노마드 코더 Nomad Coders

스벨트는 스택 오버플로 설문조사에서 가장 사랑받는 웹 프레임워크로 선정된 대화형 웹사이트 구축 도구입니다.

이 동영상에서는 Svelte가 무엇인지, 어떻게 작동하는지, React에 비해 어떤 장점이 있는지, 누가 배워야 하는지 살펴봅니다.

React나 Vue.js와 달리 Svelte는 라이브러리나 프레임워크가 아닌 컴파일러입니다.

React 및 유사한 프레임워크는 사용자가 애플리케이션 코드와 함께 프레임워크 코드를 다운로드해야 합니다.

Svelte는 코드를 일반 JavaScript로 컴파일하므로 사용자가 별도의 프레임워크를 다운로드할 필요가 없습니다.

스텔스 앱은 바닐라 자바스크립트에 비해 React 또는 Vue.js로 빌드된 앱보다 훨씬 더 작고 빠릅니다.

Svelte의 속도는 컴파일러와 가상 DOM이 없기 때문입니다.

연사는 가상 DOM이 없는 경우와 가상 DOM이 있는 경우의 중요성을 경시합니다.

Svelte의 인기의 주된 이유는 긍정적인 개발자 경험입니다.

Svelte는 직관적이고 배우기 쉬운 것으로 간주되며, 특히 React 또는 Vue.js에 익숙한 개발자에게 적합합니다.

Svelte 구성 요소는 스크립트, 스타일 및 HTML 섹션으로 구성됩니다.

간단한 클릭 카운터는 Svelte 컴포넌트 내에서 자바스크립트 변수와 이벤트 처리를 사용하여 생성됩니다.

'한 번' 이벤트 수정자를 사용하여 한 번만 클릭할 수 있도록 카운터를 수정합니다.

간편한 사용자 입력 처리를 위한 Svelte의 바인딩 예시입니다.

Svelte에서 if/else 문을 사용한 조건부 렌더링.

더 간단한 대안을 찾는 React/Vue 개발자에게는 Svelte를 추천합니다.

React.js는 더 큰 커뮤니티, 더 많은 직업 기회, 더 폭넓은 채택으로 인해 초보자에게 권장됩니다.

발표자는 Next.js와 같은 React 기반 프레임워크의 인기와 장점에 대해 언급합니다.

Svelte의 프레임워크인 SvelteKit은 아직 베타 버전입니다.

발표자는 '마법 같은' 측면 때문에 초보자에게 스벨트를 추천하는 것에 대해 우려를 표명합니다.

React(지도 함수 사용)와 Svelte의 처리 목록 비교.

발표자는 Svelte에 대한 자신의 의견을 요약하고 시청자에게 자신의 의견을 공유하도록 독려하며 마무리합니다.

무료 Next.js 강좌를 홍보합니다.