# Htmx 2.0.0 릴리즈

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=15401](https://news.hada.io/topic?id=15401)
- GeekNews Markdown: [https://news.hada.io/topic/15401.md](https://news.hada.io/topic/15401.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-06-18T09:51:08+09:00
- Updated: 2024-06-18T09:51:08+09:00
- Original source: [htmx.org](https://htmx.org/posts/2024-06-17-htmx-2-0-0-is-released/)
- Points: 10
- Comments: 2

## Summary

Htmx는 HTML 내에서 AJAX, WebSockets, SSE, CSS Transition등을 직접 쓸 수 있게 하는 라이브러리입니다. Htmx 2.0.0은 확장 기능을 별도로 관리할 수 있도록 분리했고, 다양한 JavaScript 모듈 스타일을 지원하며, 웹 컴포넌트와 다크 모드 지원이 크게 개선되었습니다. [처음](https://news.hada.io/topic?id=2171)엔 특이하다고만 생각했는데, 코어 팬층도 생기고 계속 발전하고 있네요.

## Topic Body

- **확장 기능 분리**: 모든 확장 기능이 별도의 저장소와 웹사이트로 이동됨. 각 확장 기능은 개별적으로 버전 관리되고 개발될 수 있음.  
- **SSE 확장 기능**: 대부분의 1.x 확장 기능은 2.x와 호환되지만, SSE 확장 기능은 업그레이드 필요.  
- **hx-sse 및 hx-ws 속성 제거**: 1.x에서 권장되었던 확장 기능으로 대체됨.  
- **HTTP DELETE 요청**: 폼 인코딩된 본문 대신 매개변수를 사용하게 됨.  
- **JavaScript 모듈 스타일**: 다양한 JavaScript 모듈 스타일을 위한 파일 제공.  
  - ESM 모듈: `/dist/htmx.esm.js`  
  - UMD 모듈: `/dist/htmx.umd.js`  
  - AMD 모듈: `/dist/htmx.amd.js`  
  - 브라우저 로드 가능 파일: `/dist/htmx.js`  
- **hx-on 속성 제거**: 덜 해킹적인 `hx-on:` 구문으로 대체됨.  
  
#### 사소한 변경 사항  
- **기본 설정 변경**:  
  - `htmx.config.scrollBehavior`가 'smooth'에서 'instant'로 변경됨.  
  - DELETE 요청이 쿼리 매개변수를 사용하게 됨. 이는 `htmx.methodsThatUseUrlParams` 값을 `['get']`로 설정하여 되돌릴 수 있음.  
  - `htmx.config.selfRequestsOnly`가 기본값으로 true로 설정됨.  
  
#### 기능  
- **selectAndSwap() 메서드**: 내부 API 메서드가 공개된 `swap()` 메서드로 대체됨.  
- **웹 컴포넌트 지원**: 웹 컴포넌트 지원이 크게 개선됨.  
- **다크 모드 지원**: 웹사이트가 다크 모드를 지원하게 됨.

## Comments



### Comment 26406

- Author: [hidden]
- Created: 2024-06-19T13:12:03+09:00
- Points: 2

[숨김 처리된 댓글입니다]

### Comment 26356

- Author: neo
- Created: 2024-06-18T09:51:08+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=40709769) 
- **htmx**를 사용하여 내부 웹 앱에서 클라이언트 측 JS 500줄을 삭제하고, 기능 추가 속도가 빨라짐. 파일 업로드 경험 개선 필요.
- **htmx**의 창시자가 IE 지원을 중단하고 라이브러리를 정리함. 업그레이드 가이드 제공.
- **htmx**는 HTML이 웹의 주요 언어가 되는 미래를 엿보게 함. 업계가 이 방향으로 전환되기를 희망.
- **htmx 2.0.0** 릴리스가 농담인 줄 알았으나, 계속되는 프레임워크의 사랑을 보게 되어 기쁨.
- **htmx** 관련 게시물이 많지만, 이번 주요 릴리스는 상단에 올려주길 바람.
- **htmx** 사용자들에게 백엔드 스택과 접근 방식을 공유해달라는 요청. 특히 Node(+TS) 템플레이터와 엔드포인트 관리에 관심.
- **htmx**를 사랑한다는 의견. 웹 개발이 다시 재미있어짐. 주요 로직은 서버에서 HTTP와 HTML로 처리.
- **htmx**를 사용해보지 않았지만, 간단한 JS 라이브러리로 느껴짐. 느린 빌드 시간 없이 간단함.
- **React**의 지배적인 위치에 대안이 생겨 기쁨.
- **htmx** 업그레이드 음악을 사랑함. 더 많은 라이브러리가 주요 릴리스에 음악을 추가하길 바람.