스벨테

Svelte
"svelte"라는 용어의 정의는 Wiktionary 항목 svelte를 참조하십시오.
스벨테
Svelte Logo.svg
원저작자리치 해리스
초기 릴리즈2016년 11월 26일, 5년 전(2016-11-26)[1]
안정된 릴리스
3.48.0[2] / 2022년 4월 30일; 3개월 전 (2022년 4월 30일)
저장소github.com/sveltejs/svelte
기입처타입 스크립트
플랫폼웹 플랫폼
크기4.1 KB[3]
유형웹 프레임워크
면허증.MIT 라이선스
웹 사이트svelte.dev

Svelte는 Rich Harris가 만들고 Svelte 핵심 팀원들이 관리하는 [4]무료 오픈 소스 프런트 엔드 컴파일러입니다.Svelte은 하나의 단결된 자바 스크립트 라이브러리 응용 프로그램에서 수입:대신 Svelte,[5]응용 프로그램 코드도 전적으로 컴파일러가 자동으로 다 recompute에 대한 호출을 삽입하여 처리되는 직접적인 DOM조종 전문화된 코드에 그리고 더 나은 클라이언트 성능을 보여 주드라이브는 파일의 크기가 줄어들 수 있는 HTML템플릿을 작성한다.ta[6]의존 데이터가 [7]수정되면 UI 요소를 다시 렌더링합니다.또한 브라우저와 같이 런타임에 대부분의 작업을 수행하는 기존 프레임워크(React 및 Vue 등)와는 달리 가상 [8]DOM과 같은 런타임 중간 표현과 관련된 오버헤드를 피할 수 있습니다.컴파일러 자체는 TypeScript로 작성되어 있습니다.이 소스코드는 MIT 라이선스에 따라 라이선스되며 GitHub에서 [9]호스팅됩니다.

역사

Svelte의 전신은 Ractive.js로,[10] Rich Harris가 이전에 개발했습니다.

Svelte 버전 1은 JavaScript로 작성되었으며 2016년 11월 29일에 출시되었습니다.기본적으로 [11]컴파일러를 사용한 Ractive입니다.Svelte라는 이름은 The [11]Guardian의 Rich Harris와 그의 동료들에 의해 선택되었다.

Svelte 버전 2는 2018년 4월 19일에 출시되었습니다.또한 이전 버전에서 유지관리자가 잘못으로 간주한 부분을 수정하기 위해 더블컬리 괄호를 싱글컬리 [11]괄호로 교체하는 등 수정 작업을 시작했습니다.

Svelte 버전 3은 TypeScript로 작성되어 있으며 2019년 4월 21일에 출시되었습니다.컴파일러를 사용하여 [12]백그라운드에서 할당하는 계측기를 사용하여 반응성을 재검토했습니다.

SvelteKit 웹 프레임워크는 2020년 10월에 발표되었으며 2021년 [13][14]3월에 베타를 시작했다.

구문

Svelte 어플리케이션 및 컴포넌트는 에서 정의됩니다..svelte파일 - JSX와 유사한 템플릿 구문을 사용하여 확장된 HTML 파일입니다.

Svelte는 JavaScript의 네이티브 라벨 스테이트먼트 구문을 용도 변경$:무효 스테이트먼트를 표시합니다.최상위 변수는 구성 요소의 상태가 되고 내보낸 변수는 구성 요소가 받는 속성이 됩니다.게다가{ JavaScript code }구문은 HTML 요소 및 [15]컴포넌트에서 템플릿에 사용할 수 있습니다.다음은 예를 제시하겠습니다.

<script> 카운트 = 1; $: 2배 = 카운트 * 2; </script> <p> {count} * 2 = {click on: {() = > 카운트 = 1 > 카운트 </button>

관련 프로젝트

Svelte의 유지보수 담당자는 Svelte와 함께 프로젝트를 구축하는 공식 방법으로 SvelteKit를 만들었습니다.이는 브라우저로 전송되는 코드 양을 대폭 줄이는 Next.js 스타일의 프레임워크입니다.관리자들은 SvelteKit의 전신인 Sapper를 [16]이미 만들었다.

Svelte 유지보수는 또한 Vite, Rollup, Webpack, TypeScript, VS Code, Chrome Developer Tools, [17]eslint 등의 통합을 포함하여 Svelte 조직의 인기 있는 소프트웨어 프로젝트에도 많은 통합을 유지하고 있습니다.Storybook과 같은 외부 프로젝트도 Svelte 및 SvelteKit와 통합되었습니다.

영향을 주다

Vue.js는 Svelte의 [10]전신인 Ractive.js를 본떠 API와 단일 파일 컴포넌트를 모델링했습니다.

도입

Svelte는 개발자들로부터 널리 찬사를 받고 있다.여러 대규모 개발자 조사에서 1위를 차지하여 Stack Overflow 2021 가장 사랑받는 웹[18] 프레임워크와 2020 State of JS Frontend Framework에 [19]가장 만족도가 높은 개발자로 선정되었습니다.

Svelte는 뉴욕타임스, Apple, Spotify, Square, Yahoo, ByteDance, Rakuten, Bloomberg, Reuters, Ikea, Facebook, [20][21][22]Brave를 포함한 다수의 유명 웹 회사에 의해 채택되었습니다.

비유지자로 구성된 커뮤니티 그룹이 Svelte Summit 컨퍼런스를 운영하고, Svelte 뉴스레터를 작성하고, Svelte 팟캐스트를 주최하고, Svelte 툴링, 컴포넌트 및 [23]템플릿 디렉토리를 주최합니다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ "Frameworks without the framework: why didn't we think of this sooner?". Svelte.
  2. ^ https://github.com/sveltejs/svelte/releases/tag/v3.48.0 를 참조해 주세요.
  3. ^ "Svelte@3.31.2". BundlePhobia. January 8, 2021.
  4. ^ a b Krill, Paul (December 2, 2016). "Slim, speedy Svelte framework puts JavaScript on a diet". InfoWorld.
  5. ^ a b "React vs. Svelte, the JavaScript build-time framework". react-etc.net.
  6. ^ a b Rich Harris (2019-04-22). "Svelte 3: Rethinking reactivity". svelte.dev. Retrieved 2021-08-07.
  7. ^ a b "Svelte 3 Front-End Framework Moves Reactivity into the JavaScript Language, Q&A with Rich Harris". InfoQ.
  8. ^ a b Rich Harris (2018-12-27). "Virtual DOM is pure overhead". svelte.dev.
  9. ^ a b "GitHub - sveltejs/svelte: Cybernetically enhanced web apps". January 11, 2020 – via GitHub.
  10. ^ a b "About the Svelte JavaScript framework". ValueLogic Blog. 2020-11-19. Retrieved 2021-06-10. By the way, Vue’s syntax has been influenced by Ractive.js, a direct predecessor of Svelte.{{cite web}}: CS1 maint :url-status (링크)
  11. ^ a b c Svelte Origins: A JavaScript Documentary, retrieved 2022-07-09
  12. ^ Harris, Rich. "Svelte 3: Rethinking reactivity". svelte.dev. Retrieved 2022-07-09.
  13. ^ Rich Harris: Futuristic Web Development, archived from the original on 2021-12-12, retrieved 2021-08-03
  14. ^ Mar 23 2021, Rich Harris Tue. "SvelteKit is in public beta". svelte.dev. Retrieved 2021-08-03.
  15. ^ "Svelte tutorial page", svelte.dev, retrieved 2022-07-06
  16. ^ Dec 31 2017, Rich Harris Sun. "Sapper: Towards the ideal web app framework". svelte.dev. Retrieved 2021-08-15.
  17. ^ "Svelte". GitHub. Retrieved 2021-08-03.
  18. ^ "Stack Overflow Developer Survey 2021". Stack Overflow. Retrieved 2021-10-26.{{cite web}}: CS1 maint :url-status (링크)
  19. ^ "State of JS 2020: Front-end Frameworks". 2020.stateofjs.com. Retrieved 2021-10-26.
  20. ^ "Svelte • Cybernetically enhanced web apps". svelte.dev. Retrieved 2021-08-03.
  21. ^ "Websites using Svelte - Wappalyzer". www.wappalyzer.com. Retrieved 2021-08-03.
  22. ^ "Your Profile, Your Home Experience". yourhome.fb.com. Retrieved 2021-12-01.
  23. ^ "Home - Svelte Society". sveltesociety.dev. Retrieved 2021-08-03.

외부 링크

Stub icon

이 프로그래밍 언어 관련 기사는 요약본이다.위키피디아를 확장함으로써 위키피디아를 도울 수 있습니다.