htmx가 뭔가요? React 없이 동적 웹?

htmx는 HTML 속성만으로 AJAX, WebSocket, SSE를 사용할 수 있게 하는 라이브러리입니다.

<!-- 버튼 클릭 시 서버에서 HTML 가져와서 교체 -->
<button hx-get="/api/data" hx-target="#result">로드</button>
<div id="result"></div>

<!-- 폼 제출 (AJAX) -->
<form hx-post="/api/users" hx-swap="innerHTML">
  <input name="name">
  <button>등록</button>
</form>

<!-- 무한 스크롤 -->
<div hx-get="/api/posts?page=2" hx-trigger="revealed"></div>

장점: JS 코드 거의 안 씀, 서버에서 HTML 반환, 간단한 사이트에 최적

한계: 복잡한 상태 관리나 SPA는 React가 적합

Django, Flask, Rails 같은 서버 렌더링 프레임워크와 궁합이 좋습니다.