Morph: 빌드 단계 없이 임베디드 가능한 풀스택 HTMX 라이브러리
2025-05-19
Morph는 HTMX 기반의 임베디드 가능한 풀스택 라이브러리로, 빌드 단계 없이 하이퍼미디어 기반 애플리케이션을 구축하는 데 사용됩니다. SSR, SPA, 아일랜드 아키텍처의 장점을 결합하면서 순수 HTML, CSS, JS를 고수합니다. Deno와 Deno Deploy를 사용하여 Telegram Web App 개발을 최적화하는 과정에서 만들어졌으며, React나 Vue를 사용하는 기존의 복잡한 프런트엔드/백엔드 분리 방식보다 더 가볍고 간단하며 비용 효율적입니다. 현재 Hono에서 작동하며, 향후 다른 백엔드 지원이 추가될 가능성이 있습니다. 주요 장점으로는, 컴포넌트가 하이퍼텍스트(다른 컴포넌트)를 반환하는 API를 호출할 수 있습니다. 모든 컴포넌트는 서버측에서 렌더링되고 서버측 컨텍스트에 접근할 수 있습니다. 컴포넌트는 독립적으로 렌더링 및 재렌더링될 수 있습니다. 컴포넌트는 계층 구조를 형성하고, 서로 중첩될 수 있으며, API에서 반환될 수 있습니다. 클라이언트측 JavaScript는 최소화되거나 필요하지 않습니다. 빌드 단계가 필요 없습니다. API 데이터 구조를 미리 설계할 필요가 없습니다. 임의의 Deno/Node/Bun 프로젝트에 임베드할 수 있습니다. 프런트엔드와 백엔드를 별도의 서비스로 분리할 필요가 없는 경우(작은 Telegram 봇, 데스크톱 앱, 내부 도구 등)에 이상적입니다.
개발
풀스택 프레임워크