[KUIT] htmx 소개

이 글은 KUIT Web 파트 부원분들을 대상으로 작성한 글입니다.

---

 

안녕하세요! 1주차 강의에 저희 웹 파트는 HTML에 대하여 배우게 됩니다.

강의에 나오듯이 HTML은 마크업 언어일 뿐이라 별 기능이 없는데요.

그래서 웹 개발을 할 때 개발자들은 기능을 구현할 때 JavaScript나 React를 사용하게 됩니다.

 

하지만 제가 지금 소개해드릴 ‘htmx’ 라이브러리를 활용하면 JavaScript 없이도 많은 기능을 사용할 수 있습니다.

 

htmx를 사용하고 싶다면 html에 아래와 같은 script 구문 하나만 추가하면 됩니다. 매우 간단하죠?

<script src="https://unpkg.com/htmx.org@1.3.3"></script>

 

htmx를 활용하면 매우 간단하게 서버와의 통신을 할 수 있습니다(서버에서 html을 가져올 수 있습니다).

JavaScript나 React에서 서버와의 통신을 할 때보다도 문법이 더욱 간단합니다.

 

또 htmx를 활용하면 SPA(Single Page Application)를 구현할 수 있습니다. 더 쉽게 말하자면 새로고침 없이 페이지 전환을 할 수 있습니다.

 

이토록 편리한 기능을 제공하지만 htmx가 대중적으로 사용되지는 않고 있습니다. 아무래도 React같은 라이브러리를 이미 활용 중이기 때문인 것도 있고, 개인 프로젝트라면 몰라도 복잡한 기능을 구현할 때에는 아무래도 한계가 있는 것 같습니다.

 

(쿠잇 웹 커리큘럼에서도 htmx는 다루지 않을 예정입니다!)

 

이런 단점에도 불구하고 매력적인 것은 분명한 htmx에 대해 더 알고 싶다면 아래 영상을 참고해주세요!

 

https://www.youtube.com/watch?v=vZ_oT0p113I