최신글

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 등을 다룹니다.

Astro 블로그에서 검색 엔진 최적화(SEO)를 구현하는 방법을 공유합니다. 메타 태그, Open Graph, JSON-LD 구조화 데이터, 사이트맵, RSS, Google Analytics 등을 다룹니다.

Astro에서 일본어, 한국어, 영어 3개 언어를 지원하는 다국어 시스템을 구현하는 방법을 공유합니다. URL 기반 라우팅, 번역 시스템, 동적 라우팅 등을 다룹니다.

Astro의 Content Collections를 이용하여 블로그 콘텐츠를 관리하는 방법과, Jekyll에서 마크다운 파일을 마이그레이션하는 과정을 공유합니다.

Astro를 설치하고 블로그 프로젝트를 구성하는 방법을 공유합니다. astro.config.mjs 설정, 디렉토리 구조, SCSS 설정, 빌드 스크립트 등을 다룹니다.

Jekyll 블로그의 빌드 속도 문제와 한계를 경험한 후, Astro로 마이그레이션하게 된 이유와 Astro를 선택한 배경을 공유합니다.

Claude Code의 Hooks 기능과 terminal-notifier를 활용하여 작업 완료 시 macOS 데스크톱 알림을 받는 방법을 알아봅니다. Stop Hook과 Notification Hook 설정까지 정리합니다.