최신글

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 설정까지 정리합니다.

Homebrew(brew)로 설치한 Claude Code는 자동 업데이트가 되지 않습니다. 수동 업데이트, 자동 업데이트 설정, 네이티브 설치로의 전환 방법을 알아봅니다.

Release Drafter의 commitish가 main에 고정되어 있을 때 발생하는 릴리스 노트 불일치 문제를 분석하고, 워크플로우를 autolabel과 release note 생성으로 분리하여 release 브랜치 기준으로 정확한 릴리스 노트를 생성하는 방법을 소개합니다.

word-break: break-word는 CSS 스펙에서 비추천(deprecated)된 레거시 속성입니다. 대안인 overflow-wrap: break-word도 intrinsic sizing 요소에서 동작하지 않는 함정이 있습니다. 올바른 대체 조합(overflow-wrap: anywhere + word-break: normal + line-break: strict)과 Stylelint 커스텀 플러그인을 통한 자동화 방법을 공유합니다.

코드 리뷰에서 기계적으로 검사할 수 있는 코딩 스타일과 규칙을 Linter와 Semgrep으로 자동화하여 코드 리뷰 시간을 줄이는 방법에 대해서 알아봅시다.