svelte2 [Svelte] svelte5 새로운 문법의 도입 Svelte 5의 새로운 문법Svelte 5가 2024년에 정식 출시되면서 기존 문법과 많은 부분이 달라졌다. 특히 반응성 시스템이 완전히 새로워졌는데, 이제 $state, $derived, $effect 같은 rune이라는 개념을 사용한다. 1. $state - 상태 관리의 새로운 방식기존 Svelte에서는 그냥 let count = 0 이렇게 선언하면 반응성이 자동으로 작동했다. 하지만 Svelte 5에서는 명시적으로 $state()를 사용해야 한다. (스벨트5에서도 여전히 스벨트4 문법을 지원하지만 가독성을 위해)클릭: {count}{user.name}님의 나이는 {user.age}세$state()로 선언한 변수는 값이 변경되면 자동으로 UI가 업데이트된다. 객체나 배열도 깊은 반응성을 지원하기 때.. 2025. 12. 24. [Svelte] Svelte vs React, 스벨트와 리액트 스벨트(Svelte)와 리액트(React)는 자주 비교되는 프레임워크, 라이브러리이다.유튜브에 스벨트 검색해보면 리액트 유저가 스벨트 사용하면? 과 같은 주제로 영상이 많이 있다. 직접 써보니 비교할만하다. 상태관리가 핵심인데 리액트에 비해 스벨트가 훨씬 간편하기 때문이다. 하지만 단순히 '가볍다', '쉽다'라는 인상만으로는 이 두 기술의 본질을 이해하기 어렵다.스벨트와 리액트, 왜 이렇게 자주 비교될까?프론트엔드 개발을 시작하거나 새로운 기술 스택을 고민할 때, 거의 빠지지 않고 등장하는 이름이 바로 리액트와 스벨트이다. 리액트는 한국의 프론트 계를 평정한 라이브러리이고, 스벨트는 상대적으로 늦게 등장했지만 '생각보다 훨씬 단순하다', '코드가 눈에 띄게 줄어든다'는 평가를 받으며 리액트와 비교되어 주.. 2025. 12. 19. 이전 1 다음
