Repolode
제출하기
bigskysoftware

bigskysoftware/htmx

htmx는 사용자 지정 JavaScript 없이 HTML 속성만으로 AJAX, WebSocket, Server-Sent Events 요청을 보내고 페이지 콘텐츠를 교체합니다.

GitHub에서 보기웹사이트
스타
49,579
포크
1,694
열린 이슈
303
마지막 커밋
3일 전

어떤 프로젝트인가요?

htmx는 HTML을 확장해 모든 요소에서 HTTP 요청을 보내고, 어떤 이벤트로든 요청을 트리거하며, 서버 응답으로 페이지의 일부를 교체할 수 있게 합니다. hx-post, hx-swap 같은 속성으로 동작을 선언하므로, 서버가 HTML 조각을 반환하는 구조를 유지하면서도 인터랙티브한 인터페이스를 만들 수 있습니다.

이 라이브러리는 용량이 작고 의존성이 없으며, 공식 확장 기능을 통해 확장할 수 있도록 설계되었습니다. 또한 CSS 트랜지션과 WebSocket 및 SSE 연결을 지원해 클라이언트 측 프레임워크 없이도 일반적인 실시간 UI 패턴을 구현할 수 있습니다.

htmx는 intercooler.js의 후속 프로젝트이며, htmx.org npm 패키지 또는 CDN script 태그로 배포됩니다.

핵심 기능

  • 01hx-get, hx-post 같은 속성을 사용해 모든 요소에서 AJAX 요청을 보냅니다.
  • 02설정 가능한 교체 전략으로 응답 콘텐츠를 페이지의 어느 부분에나 삽입합니다.
  • 03click이나 submit뿐 아니라 모든 DOM 이벤트로 요청을 트리거합니다.
  • 04HTML에서 WebSocket과 Server-Sent Events를 바로 지원합니다.
  • 05의존성이 없고 script 태그 하나로 추가할 수 있을 만큼 가볍습니다.
  • 06공식 확장 기능을 통해 동작을 확장할 수 있습니다.

활용 사례

  • 서버 렌더링 웹 앱에 인라인 편집이나 실시간 검색 같은 인터랙티브 업데이트를 추가합니다.
  • WebSocket이나 SSE로 업데이트를 푸시하는 실시간 대시보드를 구축합니다.
  • 기존 멀티페이지 사이트를 싱글 페이지 앱으로 다시 작성하지 않고 점진적으로 기능을 강화합니다.

토픽

#html#javascript#ajax#hypermedia#frontend#websocket#server-sent-events#hateoas#htmx#hyperscript

자주 묻는 질문

htmx은(는) 무엇인가요?
htmx는 사용자 지정 JavaScript 없이 HTML 속성만으로 AJAX, WebSocket, Server-Sent Events 요청을 보내고 페이지 콘텐츠를 교체합니다. htmx는 HTML을 확장해 모든 요소에서 HTTP 요청을 보내고, 어떤 이벤트로든 요청을 트리거하며, 서버 응답으로 페이지의 일부를 교체할 수 있게 합니다. hx-post, hx-swap 같은 속성으로 동작을 선언하므로, 서버가 HTML 조각을 반환하는 구조를 유지하면서도 인터랙티브한 인터페이스를 만들 수 있습니다.
htmx은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
htmx은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
htmx은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. htmx의 마지막 커밋은 2026년 10월 15일입니다.
htmx은(는) 어디에 사용할 수 있나요?
서버 렌더링 웹 앱에 인라인 편집이나 실시간 검색 같은 인터랙티브 업데이트를 추가합니다. WebSocket이나 SSE로 업데이트를 푸시하는 실시간 대시보드를 구축합니다. 기존 멀티페이지 사이트를 싱글 페이지 앱으로 다시 작성하지 않고 점진적으로 기능을 강화합니다.
htmx은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/bigskysoftware/htmx

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트