'세계 최초로 게임보이로만 독점 출시되는 자바스크립트 라이브러리.' htmx 팀이 새 메이저 버전인 htmx 4.0을 이렇게 발표했어요. 공식 굿즈 스토어에는 실제로 작동하는 게임보이 카트리지가 상품으로 올라와 있고요. 물론 브라우저에서 쓰는 라이브러리를 게임보이로 출시한다는 건 말이 안 되는 농담인데요, 이 팀은 원래 이런 식이거든요. 오늘은 이 유쾌한 소동을 입구 삼아, htmx라는 라이브러리와 그들의 독특한 문화, 그리고 진짜 htmx 4.0 이야기를 해볼게요.
htmx가 뭐냐면
htmx는 '자바스크립트를 거의 쓰지 않고' 동적인 웹을 만드는 라이브러리예요. 보통 서버에서 데이터를 받아 화면을 갱신하려면 fetch로 JSON을 받고, 상태를 관리하고, 컴포넌트를 다시 그리는 자바스크립트 코드를 잔뜩 써야 하잖아요. htmx는 이걸 HTML 속성 몇 개로 해결해요. 예를 들어 <button hx-get='/news' hx-target='#list'>라고 쓰면, 버튼을 눌렀을 때 서버에서 HTML 조각을 받아와 지정한 영역에 끼워 넣어줘요. 서버는 JSON이 아니라 완성된 HTML을 내려주고, 프론트엔드의 복잡한 상태 관리는 사라지죠. 리액트 같은 SPA(싱글 페이지 앱) 프레임워크의 복잡함에 지친 개발자들에게 '옛날 방식의 단순함에 요즘 수준의 사용자 경험'이라는 대안으로 사랑받아 왔어요.
밈이 곧 마케팅인 프로젝트
htmx는 기술만큼이나 그 문화로 유명해요. 창시자 카슨 그로스(Carson Gross)는 자기 라이브러리를 스스로 조롱하는 에세이를 쓰고, 경쟁 기술을 진지하게 칭찬하는 글을 올리고, 실리콘밸리식 과장 광고를 대놓고 패러디해요. 이번 게임보이 카트리지도 그 연장선이에요. 거대 기업의 마케팅 예산이 없는 오픈소스 프로젝트가 어떻게 존재감을 유지하느냐에 대한 꽤 영리한 답이거든요. 웃자고 만든 굿즈가 이야깃거리가 되고, 그 이야기가 다시 라이브러리에 대한 관심으로 돌아오는 구조죠. 실제로 htmx의 성장에는 코드 품질만큼이나 이런 커뮤니티 장악력이 크게 작용했다는 평가가 많아요.
농담 뒤의 진짜: htmx 4.0
그럼 진짜 htmx 4.0에는 뭐가 들어 있을까요? 공개된 개발 방향을 보면 꽤 큰 재정비예요. 우선 내부 통신이 오래된 XMLHttpRequest에서 현대적인 fetch API 기반으로 다시 쓰였어요. 그리고 그동안 혼란의 원인이었던 '속성의 암묵적 상속'이 정리돼요. 기존에는 부모 요소에 붙인 hx- 속성이 자식 요소들에게 자동으로 상속돼서, 코드만 봐서는 어떤 요소가 어떤 동작을 하는지 추적하기 어려웠거든요. 4.0에서는 상속을 명시적으로 선언하는 쪽으로 방향을 틀었어요. '마법 같은 편리함'을 조금 포기하고 '읽으면 그대로 동작하는 코드'를 택한 건데, 라이브러리가 성숙해질 때 나타나는 전형적인 궤적이죠. 메이저 버전인 만큼 기존 프로젝트가 자동으로 넘어가긴 어렵고, 팀도 서두르지 않는 점진적 마이그레이션을 권하고 있어요.
업계 흐름에서 보면
htmx의 부상은 혼자만의 현상이 아니에요. 레일스의 Hotwire/Turbo, 엘릭서 피닉스의 LiveView, 라라벨의 Livewire까지, '화면 갱신의 주도권을 서버로 되돌리자'는 흐름이 몇 년째 이어지고 있거든요. 리액트 진영조차 서버 컴포넌트(RSC)로 서버의 역할을 다시 키우고 있고요. 모든 웹사이트가 SPA일 필요는 없다는 반성이 업계 전반에 퍼진 결과예요.
우리에게 주는 시사점
한국에서도 관리자 페이지, 사내 도구, 콘텐츠 중심 서비스처럼 '리액트를 쓰기엔 과한' 프로젝트가 정말 많잖아요. 장고, 스프링, 라라벨 같은 서버 프레임워크에 htmx를 얹으면 프론트엔드 빌드 파이프라인 없이도 충분히 매끄러운 UX를 만들 수 있어요. 기술 선택의 폭을 넓힌다는 점에서 한번 만져볼 가치가 충분하고, 4.0으로 세대가 바뀌는 지금이 개념을 익히기 좋은 타이밍이에요.
한줄 정리: 게임보이 카트리지는 농담이지만, 그 농담을 만들 줄 아는 커뮤니티와 fetch 기반으로 재정비된 htmx 4.0은 진지하게 볼 가치가 있어요. 여러분은 다음 사이드 프로젝트, SPA로 만드시겠어요 아니면 htmx 같은 하이퍼미디어 방식으로 가보시겠어요?
🔗 출처: Hacker News