by
Apr 24. 2024
htmx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>htmx 예시</title>
<!-- htmx 라이브러리 추가 -->
<script src="https://unpkg.com/htmx.org/dist/htmx.min.js"></script>
</head>
<body>
<!-- 클릭할 때마다 데이터를 가져와서 이곳에 추가할 버튼 -->
<button
hx-get="/data"
hx-target="#result"
hx-swap="outerHTML"
>
데이터 가져오기
</button>
<!-- 데이터가 표시될 곳 -->
<div id="result">여기에 데이터가 표시됩니다.</div>
</body>
</html>
