피드
Today News
더보기AI 시대, 개발자의 경험
끈기와 아이디어, 그리고 넉넉한 토큰만 있다면 뭐든 만들어낼 수 있는 시대가 왔다.
HDA 시리즈 마무리 - Vite로 정적 리소스 관리하기
이번 글에서는 SSR 환경에서 정적 리소스(JavaScript, CSS)를 효율적으로 관리하는 방법에 대해 다룬다. 지금까지 프로젝트에서 사용해온 JavaScript 구성을 살펴보자.
AI도 건망증이 있다 - Claude-Mem 리뷰
Claude Code를 사용한 지 일 년쯤 되어간다. 정말 잘 쓰고 있지만 한 가지 아쉬운 점이 있었다. 같은 프로젝트에서 오래 작업할수록 이전에 질문했던 내용을 점점 까먹는다는 것이다. 특히 compact라는 작업을 거치고 나면 망각이 더 심해지는 느낌이었다.
HDA 시리즈 #7 - SPA 같은 페이지 전환
이번 글에서는 hx-boost를 활용해 페이지 전환 시 깜빡임 없이 SPA처럼 부드럽게 화면을 전환하는 방법을 다룬다.
HDA 시리즈 #6 - 모달 UX 개선
이전 글에서 서버에서 모달 전체를 렌더링하는 기본 방식을 구현했다. 동작은 하지만 사용자 경험에 아쉬운 부분이 있었다. 이번 글에서는 HTMX의 생명주기 이벤트를 활용해 클라이언트에서 모달을 열고 서버에서 내용만 가져오는 개선된 방식을 구현해본다.
HDA 시리즈 #5 - 모달을 활용한 수정 기능
이번 글에서는 모달을 활용한 수정 기능을 구현한다. 모달은 HDA에서 구현 방식이 다양해서 고민이 많았던 부분이다. 이번 글에서는 가장 단순한 방식인 "서버에서 모달 전체를 렌더링"하는 방법을 먼저 다루고, 그 한계점과 개선 방향을 살펴본다.
HDA 시리즈 #4 - UX 개선: 로딩 상태와 실시간 검증
이전 글에서는 HX-Location과 @ControllerAdvice로 서버 코드를 정리했다. 이번 글에서는 클라이언트 측 사용자 경험을 개선한다. 요청 중 버튼 비활성화, 로딩 인디케이터, 실시간 중복 체크를 구현해본다.
HDA 시리즈 #3 - 서버 주도 리다이렉트
이전 글에서는 부분 업데이트 방식으로 생성/삭제를 구현했다. 성공 시 특정 요소만 교체하고, 실패 시 에러 메시지를 표시하는 방식이었다. 이번 글에서는 더 단순한 접근법을 소개한다.
HDA 시리즈 #2 - 삭제 기능과 에러 처리
이번 글에서는 Todo 삭제 기능을 구현하면서, HTMX에서 상황에 따라 응답을 유연하게 처리하는 방법을 알아본다.
HDA 시리즈 #1 - HTMX로 부분 업데이트 구현하기
이전 글에서 전통적인 MPA 폼 처리의 한계를 살펴봤다. 이번 글에서는 HTMX를 도입해서 페이지 깜빡임 없이 부분 업데이트를 구현하는 방법을 알아본다.