최신글

Claude Code용 SDD(Spec-Driven Development) Plugin을 만들면서 거쳤던 4개의 Phase — 기반 구축, 다국어 지원, Issue 템플릿 개선, resume 명령어 추가까지의 개발 과정과 시행착오를 공유합니다.

SDD(Spec-Driven Development) Plugin은 Claude Code용 플러그인으로, GitHub Issue 기반의 4단계 프로세스(분석→설계→구현→테스트)를 통해 AI와 체계적으로 협업할 수 있도록 도와줍니다. 명령어, GitHub 연동, 사용법을 소개합니다.

Jekyll에서 Astro로 마이그레이션하면서 겪었던 문제들과 해결 방법, 유용한 팁들을 공유합니다. 모바일 스크롤 문제, Sass 경고, 코드 하이라이팅 등을 다룹니다.

Claude Code 같은 AI 코딩 도구를 실무에서 사용하면서 겪은 문제들(분석 없는 코딩, 설계 없는 구현, 대화 유실)과, 이를 해결하기 위해 SDD(Spec-Driven Development) Plugin을 만들게 된 배경을 정리합니다.

블로그 포스트를 Facebook, LinkedIn, Threads, Bluesky, Mastodon 등 소셜 미디어에 자동으로 공유하는 스크립트를 구현한 방법을 공유합니다.

Astro 블로그를 GitHub Pages에 배포하는 방법을 공유합니다. gh-pages 패키지 설정, 커스텀 도메인, .nojekyll 파일, 빌드 파이프라인 등을 다룹니다.

Astro 블로그의 레이아웃과 컴포넌트 구조를 공유합니다. BaseLayout, PostLayout, Navbar, Footer 등 핵심 컴포넌트의 설계와 동적 라우팅을 다룹니다.

Astro 블로그에 Pagefind를 이용한 정적 검색 기능을 구현하는 방법을 공유합니다. 빌드 통합, 다국어 검색, 카테고리 필터링 등을 다룹니다.

Astro 블로그에 Google AdSense 광고를 연동하는 방법을 공유합니다. 광고 컴포넌트 구성, 커스텀 rehype-in-feed-ads 플러그인으로 마크다운 내 광고 삽입 등을 다룹니다.

AI 엔지니어링을 구성하는 4가지 패러다임(Prompt, Context, Agentic, Harness Engineering)의 정의, 기법, 실무 예시, 그리고 각 패러다임 간의 계층 관계를 정리합니다.

Astro 블로그에 Utterances 댓글 시스템을 연동하는 방법을 공유합니다. GitHub Issues 기반의 경량 댓글 시스템 구현과 PostLayout에서의 사용법을 다룹니다.

Astro에서 마크다운 이미지를 자동으로 AVIF/WebP로 변환하는 커스텀 rehype 플러그인을 구현하는 방법을 공유합니다. Sharp를 이용한 이미지 변환, 캐싱, lazy loading 등을 다룹니다.