11키티즈 게임에서 XState를 선택한 이유

1. 개발 생산성 및 품질: 유한 상태 머신의 명확성

• React의 useState는 무한 상태 머신으로 복잡한 상태 전환 관리가 어렵고 버그 발생 가능성이 높습니다.
• XState는 유한 상태 머신(FSM) 기반으로, 정해진 상태와 명확한 전환 규칙을 선언적으로 정의하여 상태를 엄격히 제한합니다.
• 11키티즈 프로젝트에서는 먹는 중, 노는 중 등 명확한 상태를 완벽히 격리하여 예기치 못한 버그나 오작동을 방지했습니다.
• 각 상태에서 허용되는 전환만을 명시적으로 정의하여 코드 유지보수를 용이하게 하고, 정의되지 않은 상태 전환을 원천적으로 막습니다.

2. 제어권 역전(Inversion of Control): 자동 진행의 편의성

• 게임은 자동 진행 시나리오가 빈번하며, 이를 수동으로 관리하는 것은 매우 복잡합니다.
• XState는 상태 흐름에 대한 제어권을 머신이 가져가기 때문에, 특정 상태 진입 시 자동으로 다음 상태로 전환되는 로직을 간편하게 구현합니다.
• React는 렌더링과 사용자 이벤트 처리를, XState는 상태 변경에 따른 비즈니스 로직을 담당하도록 역할을 분리할 수 있습니다.
• 11키티즈의 레벨업 상태 시 XState machine에 선언된 규칙에 따라 보상 지급 상태로 자동 전환되는 기능을 효과적으로 구현했습니다.

3. XState 사용 시 주의할 점

• 유한 상태 머신에서 관리하는 모든 비즈니스 로직은 XState 머신 내부에 집중시켜 불필요한 비용을 줄입니다.
• 상태 머신은 가급적 작게 만들어 관리하고, 필요한 경우 여러 개의 상태 머신을 조합하여 디버깅의 어려움을 피해야 합니다.
• 지나치게 큰 하나의 머신은 디버깅 준비 과정이 길어지므로, 모듈화된 접근이 중요합니다.