상태 기계 도입 경험 공유

서비스 복잡도를 낮추고 생산성을 개선하기 위해, 캐치테이블 팀은 타사와의 예약 및 웨이팅 서비스 연동 프로젝트에서 상태 기계(FSM)와 XState를 도입했습니다. 상태 기계는 시스템의 상태를 정의하고 이벤트에 따라 상태 전이를 규정하는 모델로, 복잡한 로직을 간단하게 처리할 수 있게 도와줍니다.

XState 도입 이유

XState는 JavaScript에서 상태 기계를 구현한 도구로, 클라이언트 사이드 복잡한 로직을 다루는데 적합합니다. 명확한 상태 정의와 복잡한 비즈니스 로직 처리를 지원하며, 타입 안정성을 보장합니다.

도입 과정

도입 과정은 상태 정의, 상태 전이 및 이벤트 정의, 비동기 작업 관리 등 여러 단계를 포함했습니다. 특히, 상태 시각화 도구를 활용하여 복잡한 도메인 로직을 명확하게 전달할 수 있었습니다.

하지만 높은 학습 곡선과 보일러플레이트 코드 작성의 번거로움, Time Traveling 기능의 부재 등의 어려움도 있었습니다. 그럼에도 불구하고 XState는 유지보수성과 코드 가독성을 향상시켜 주었습니다.