유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Learn How To Derive Values In Svelte 5 Without Side Effects

Joy of Code

2024. 8. 11.

0

#frontend
  • Svelte 5의 새로운 반응성 시스템인 "Rune"을 사용하면 $,State 형태로 상태를 선언하고, $derived 함수를 이용하여 값을 계산할 수 있다. 🪄
  • 'derive'가 실행되는 것은 값을 읽을 때이며, 쓴 것이 아니라 읽는 것을 통해 값이 계산된다. 👀
  • Svelte는 표면적으로 쉽게 사용되지만, 동작 원리를 이해하는 것이 중요하다. 🤔
  • 'signal', 'derived', 'effects' 세 가지 부분으로 구성된다. 🧩
  • 변수나 배열 변경 시 'proxy'를 사용하여 자동 업데이트되므로, 직접 값을 바꿔서 업데이트할 필요가 없다. 🎉
  • 'derive'함수는 복잡한 계산을 위한 유용한 도구이다. 🧰

Recommanded Videos