- Published on
유한상태머신은 "지금 어떤 상태이고, 어떤 이벤트가 들어왔을 때 어디로 갈 수 있는가"를 명시적으로 정의하는 패턴이다. 왜 필요한지, 핵심 구성 요소(state/event/transition/action/guard/context)는 무엇인지, vanilla JS와 XState로 어떻게 구현하는지 정리한다.
Xstate
All Posts
- javascript (22)
- functional-programming (16)
- youtube (8)
- web (8)
- iterable (7)
- typescript (6)
- iterator (6)
- lazy-evaluation (5)
- google (4)
- ai (4)
- generator (4)
- theo (3)
- reduce (3)
- debugging (3)
- audio (2)
- polymorphism (2)
- pipe (2)
- go (2)
- promise (2)
- async (2)
- monad (2)
- nextjs (1)
- animation (1)
- agents (1)
- baseline (1)
- function-overloads (1)
- function (1)
- project (1)
- llm (1)
- alphago (1)
- internet (1)
- gemini (1)
- cli (1)
- css (1)
- has (1)
- selector (1)
- getusermedia (1)
- mediadevices (1)
- audiocontext (1)
- web-audio-api (1)
- map (1)
- filter (1)
- arguments (1)
- rest-parameter (1)
- curry (1)
- refactoring (1)
- performance (1)
- eager-evaluation (1)
- type-system (1)
- overloading (1)
- composition (1)
- flatten (1)
- kleisli-composition (1)
- functor (1)
- applicative (1)
- category-theory (1)
- iframe (1)
- sandbox (1)
- browser (1)
- lz-string (1)
- url (1)
- base64 (1)
- encoding (1)
- playground (1)
- state-machine (1)
xstate (1)
- fsm (1)
- design-pattern (1)