# htmx - high power tools for HTML

> Clean Markdown view of GeekNews topic #2171. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2171](https://news.hada.io/topic?id=2171)
- GeekNews Markdown: [https://news.hada.io/topic/2171.md](https://news.hada.io/topic/2171.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-05-29T09:45:05+09:00
- Updated: 2020-05-29T09:45:05+09:00
- Original source: [htmx.org](https://htmx.org/)
- Points: 3
- Comments: 1

## Topic Body

- HTML 내에 AJAX, WebSockets등을 직접 쓸 수 있게 하는 라이브러리

- 7kb, 의존성 없고, IE11 호환 및 확장 가능

- intercooler.js 의 후속

- 모든 엘리먼트에 속성을 추가하여 동작을 지정

ㅤ→ hx-trigger : click, change, submit, mouseenter 에 트리거. once 를 통해서 한번만 실행하게 설정 가능. delay:100ms 로 지연도 설정

ㅤ→ hx-post, hx-get 등 : POST/GET/PUT/PATCH/DELETE HTTP Request 호출

ㅤ→ hx-target : 요청 결과를 보낼 엘리먼트 지정

ㅤ→ hx-swap : 요청 결과를 교체하는 방식 지정. innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend

ㅤ→ hx-ws : 웹소켓 연결

ㅤ→ hx-sse : Server Sent Events 받기

ㅤ→ hx-push-url : 브라우저 히스토리에 저장

- htmx.logger 로 모든 이벤트 로깅 가능

- 확장 : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools

## Comments



### Comment 1914

- Author: xguru
- Created: 2020-05-29T09:45:42+09:00
- Points: 1

이전 버전인 intercooler.js 의 jQuery 의존성을 제거하고 더 깔끔하게 태그를 정리했네요.