자바스크립트 피로 극복하기: HTMX 기반 모듈형 SSR 프레임워크 MESH
2025-09-23
웹 개발은 "자바스크립트 피로"와 "프레임워크 피로"에 직면해 있습니다. 이 글에서는 HTML 속성을 사용한 선언적 웹 개발 방식인 HTMX를 해결책으로 탐구합니다. 하지만 HTMX의 구조적 결함으로 인해 저자는 모듈형 서버 사이드 렌더링(SSR) 프레임워크인 MESH를 만들었습니다. MESH는 "컴포넌트 하나, 엔드포인트 하나" 모델을 사용하며, Go와 Web Components를 활용하여 SSR과 하이드레이션을 구현합니다. HTMX가 Shadow DOM 경계를 넘지 못하는 문제는 영리한 해결 방법으로 극복했습니다. 서버 전송 이벤트(SSE)를 사용한 실시간 협업도 구현되었습니다. 최종적으로 저자는 HTMX를 완전히 제거하고, 더 깔끔한 JS 코드로 동일한 기능을 구현하며, HTMX의 단점과 미래 방향에 대해 고찰합니다.
개발