FrontEnd/htmx

우선 버튼을 클릭했을 때, 특정 콘텐츠만 새로고침 하도록 HTML 코드에 HTMX를 설정하여 줍니다.새로고침 버튼을 클릭하면 tag-list-container가 innerHTML swap 설정으로 변경됩니다. 새로고침 {% include "blog/_tag_list.html" %}  이후 views.py에서 요청 헤더에 hx_reuqest가 존재하는지 판단하고, 존재하면 부분 템플릿, 존재하지 않으면 전체 템플릿을 사용합니다. is_htmx = request.META.get("HTTP_HX_REQUEST") == "true" if is_htmx: template_name = "blog/_tag_list.html" else: ..

HTMXhtmx를 사용하면 자바스크립트 코드를 거의 작성하지 안혹 Ajax 요청과 페이지 갱신 처리를 할 수 있다. 라이브러리 추가   hx-get지정 주소로 GET 요청을 보냅니다.hx-gethx-posthx-puthx-patchhx-delete htmx ~ hx-get Attribute" data-og-description="" data-og-host="htmx.org" data-og-source-url="https://htmx.org/attributes/hx-get/" data-og-url="https://htmx.org/attributes/hx-get/" data-og-image="https://scrap.kakaocdn.net/dn/AnWQv/hyWztRpSjq/vqkvo5KBzVTkhDkmop..