본문으로 건너뛰기
J
피드

Svelte 5 드디어 출시 — 'Runes'로 리액티비티 완전히 갈아엎음

frontend 약 3분
tags
#svelte#javascript
vote
0
댓글
북마크
원문 보기

Svelte 5가 공식 출시되면서 기존 반응형 선언 방식을 싹 날리고 'Runes'라는 새로운 API를 도입했음. $state(), $derived(), $effect() 같은 함수 기반 문법으로 바뀌었고, 성능도 Svelte 4 대비 2배 빨라졌다고 함. Apple, Spotify 같은 대기업들도 이미 마이그레이션 시작했다니 ㄹㅇ 레전드급 업데이트.

  • 1

    Runes API로 반응형 시스템 전면 개편

  • 2

    Svelte 4 대비 렌더링 2배 성능 향상

  • 3

    Apple·Spotify 등 대기업 마이그레이션 시작

  • Svelte 5 공식 출시, 기존 $: 반응형 선언 문법 완전 제거
  • 새로운 Runes API: $state(), $derived(), $effect() 함수 기반으로 전환
  • 렌더링 성능 2배 향상 + 번들 사이즈도 대폭 감소
  • Apple, Spotify 등 대기업 이미 마이그레이션 진행 중
  • 창시자 Rich Harris "예측 가능성과 디버깅 용이성 대폭 개선" 강조

상세 내용

Runes란?

Runes(룬)는 Svelte 5에서 새롭게 도입된 반응형 프리미티브(reactive primitive)임. 기존 Svelte의 달러 사인($:) 문법을 완전히 대체하고, 더 명시적이고 조합 가능한(composable) API를 제공함.

주요 함수:

  • $state() — 반응형 상태 선언
  • $derived() — 파생 상태 (기존 $: derived = ... 대체)
  • $effect() — 사이드 이펙트 처리 (기존 $: { ... } 대체)

왜 바꿨냐?

Svelte 창시자 Rich Harris에 따르면, 기존 달러 사인 문법이 암묵적(implicit)으로 동작해서 예측하기 어렵고 디버깅도 힘들었다고 함. Runes는 함수 호출 형태라 "이게 반응형이다"라는 게 코드에서 명확하게 보임.

성능 개선

  • 렌더링 속도: Svelte 4 대비 2배 빠름
  • 번들 사이즈: 기존 대비 대폭 감소 (구체적 수치 미공개)

커뮤니티 반응

반응이 개 긍정적임. 특히 Apple과 Spotify 같은 대기업들이 이미 Svelte 5 마이그레이션을 시작했다는 게 확인됨. 커뮤니티에서도 "드디어 React의 hooks처럼 명시적이 됐다"는 평가가 많음.

솔직히 Svelte가 '마법 같은 컴파일러' 이미지로 진입장벽이 낮았는데, Runes 도입으로 React hooks랑 비슷한 패턴이 돼서 오히려 다른 프레임워크 개발자들한테 더 친숙해질 수도 있을 듯. 번들 사이즈 + 성능 다 잡으면 진짜 갓갓이긴 한데, 기존 Svelte 4 코드베이스 마이그레이션 비용이 관건임 ㄷㄷ

next

다음 기사 (N)

댓글

댓글

댓글을 불러오는 중...

관련 기사

frontend

번은 좋은데, 이제 앤트로픽 품에 있어서 불안하다는 얘기

글쓴이는 번이 빠르고 실용적인 자바스크립트 런타임이라는 점은 인정하지만, 앤트로픽 인수 이후 장기적인 방향을 신뢰하기 어려워졌다고 말한다. 특히 클로드 코드의 품질 저하, 과금 혼란, 서드파티 하네스 제한 사례를 보며 번도 같은 제품 운영 방식에 휘말릴 수 있다고 우려한다.

frontend

왜 터미널 UI가 다시 뜨고 있나

데스크톱 네이티브 UI 툴킷이 플랫폼마다 흔들리고, Electron 앱은 일관성과 키보드 워크플로를 놓치면서 개발자들이 다시 터미널 사용자 인터페이스(TUI)로 돌아가고 있다는 글이다. 저자는 Claude, Codex 같은 명령줄 도구의 성공을 단순한 복고가 아니라, 운영체제 UI 생태계가 제공하지 못한 빠르고 자동화 가능한 인터페이스에 대한 반응으로 본다.

frontend

애플워치 지도 UI 하나에 6년을 갈아 넣은 이야기

Pedometer++ 개발자가 애플워치용 지도 경험을 6년 동안 다듬어 온 과정을 풀어낸 글이다. 서버 렌더링 지도에서 시작해 SwiftUI 기반 커스텀 렌더링 엔진, 전용 베이스맵, Liquid Glass 대응, 최종 UI 구조까지 실제 제품 설계의 시행착오가 꽤 생생하게 담겨 있다.

frontend

애플, Studio Display XDR에 새 색상 기준 Apple CMF 2026 적용

애플이 새 Studio Display와 Studio Display XDR을 내놓으면서 Apple CMF 2026이라는 새 색상 매칭 함수 기준을 같이 공개했음. 단순히 애플식 독자 표준처럼 보이지만, 실제로는 CIE와 협력하고 측정 장비 업체들과도 통합을 추진하는 쪽에 가까움. 테스트 결과 일반 Studio Display는 준수한 P3·sRGB 정확도를 보였고, XDR은 2304개 로컬 디밍 존과 2000니트 HDR을 앞세웠지만 모드별 정확도 차이가 꽤 컸음.

frontend

Figma의 'Sketch 모멘트'가 온다 — Claude Design이 바꾸는 디자인 도구 지형

디자이너 Sam Henri Gold가 Claude Design을 체험한 뒤 디자인 도구의 source of truth가 다시 코드로 이동할 것이라고 주장했다. Figma의 폐쇄적 포맷은 LLM 학습 데이터에서 사실상 제외됐고, agentic 시대에는 HTML/JS 같은 모델이 잘 아는 매체에서 작업하는 Claude Design류가 우위를 가져간다는 예측이다.