Published on2026년 4월 10일유한상태머신(Finite State Machine)이란 무엇인가javascripttypescriptstate-machinexstatefsmdesign-pattern유한상태머신은 "지금 어떤 상태이고, 어떤 이벤트가 들어왔을 때 어디로 갈 수 있는가"를 명시적으로 정의하는 패턴이다. 왜 필요한지, 핵심 구성 요소(state/event/transition/action/guard/context)는 무엇인지, vanilla JS와 XState로 어떻게 구현하는지 정리한다.