JS 라이브러리 배제 및 Pure PHP 기반 Server-side Calendar 구현을 통한 상태 동기화 문제 해결

Context

기존 JS 기반 캘린더 라이브러리는 DOM 소유권을 독점하여 Livewire와 같은 Server-side Component의 DOM 교체 시 상태가 소실되는 충돌 발생. 이를 해결하기 위한 Stimulus 컨트롤러 등의 우회책은 서버-클라이언트 간 상태 동기화 복잡도를 증가시켜 시스템의 취약성을 높이는 한계 노출.

Technical Solution

• DOM 제어권을 서버로 완전히 이전하여 Client-side State와 Server-side State 간의 Hydration 및 동기화 과정 제거
• Immutable Value Object 패턴을 적용한 php-calendar 라이브러리를 통해 매 렌더링마다 새로운 캘린더 인스턴스를 생성하는 구조 설계
• User Interaction 발생 시 Server Action을 통해 상태를 변경하고 컴포넌트를 재렌더링하는 Single Source of Truth 아키텍처 채택
• PHP 기반의 CalendarDataReader를 DI 컨테이너로 주입하여 API 엔드포인트 생성 없이 DB 데이터와 캘린더 뷰를 직접 결합
• Parent Component와 Child Component 간의 Prop 전달 및 Event Emit 체계를 통해 서버 사이드 루프 내에서 모든 상태 변경 처리