하이퍼미디어 기반 애플리케이션 (Hypermedia-Driven Application), 찍먹해주세요

이 시리즈는 하이퍼미디어 기반 애플리케이션(HDA)의 대표주자인 htmx를 중심으로, 간단한 사용 가이드와 개인적으로 좋다고 생각하는 패턴들을 정리한 글이다. 앞으로 htmx를 대표로 이야기하겠지만, Hotwired/Turbo나 최근 관심받는 Alpine AJAX, Datastar 또한 비슷한 철학을 공유한다.

대상 독자

웹 개발에 관심 있는 사람이라면 누구나 환영하지만, 백엔드를 어느 정도 알고 있으면 더 좋다.

htmx를 다루려면 기본적으로 웹 서버가 필요하다. 원래 NestJS로 작성하려 했지만, 요즘 Spring Boot를 쓸 일이 더 많아서 Spring Boot와 함께 htmx를 다루려고 한다. 웹 애플리케이션을 만들기위해 백엔드 프레임워크가 해결해주는 구성들은 대부분 비슷한 편이니 흐름을 이해하는데 큰 어려움은 없을 것 같다.

시리즈 구성

이 시리즈에서는 먼저 전통적인 서버 사이드 렌더링(SSR) 방식을 맛보기로 살펴보고, 어떤 불편함이 있는지 짚어본다. 그 다음 htmx를 사용해 어떻게 개선할 수 있는지 알아본다.

다시 한번 말하지만, htmx를 대표로 언급할 뿐이지 HDA 방식들은 사용해보면 대부분 비슷한 개념을 공유한다. 따라서 htmx를 배우면 다른 관심있는 라이브러리도 금방 알게된다.

그럼 다음 글부터 바로 시작해보자.