오늘을살자

Category: Dev

Dev 카테고리에 작성된 글 목록입니다.

Dev Roadmap

블로그를 그냥 글 저장소가 아니라, 빌드와 배포, 검색 유입, 자동화까지 직접 다듬는 운영 기록으로 읽는 순서입니다.

Astro 기반 블로그를 만들고, GitHub Pages에 배포하고, AdSense와 자동 발행 흐름까지 붙여가며 생긴 실제 문제를 묶어둡니다.

노트북, 빌드 파이프라인, 이미지 캐시, 배포 흐름을 표현한 블로그 운영 손그림 스타일 삽화

블로그 기반 만들기

  1. Astro와 MDX로 기술 블로그 구축하기 (1편): 개발 환경 설정

    Astro와 MDX로 직접 제어 가능한 기술 블로그 기반을 만드는 첫 단계입니다.

  2. Astro와 GitHub Pages: 커스텀 도메인으로 기술 블로그 배포하기

    Astro 정적 사이트를 GitHub Pages와 커스텀 도메인으로 배포하는 기본 흐름입니다.

  3. Astro Content Collections, 글이 많아질수록 frontmatter 정리가 먼저다

    Astro 블로그에서 글이 늘어날 때 slug, 날짜, 태그, 카테고리를 안정적으로 관리하는 방법입니다.

  4. Astro 블로그 검색 붙이기, Pagefind가 잘 맞는 이유

    정적 Astro 블로그에 서버 없이 검색 기능을 붙일 때 Pagefind가 맞는 이유와 체크 포인트입니다.

콘텐츠 전략

  1. 기술 블로그 주제가 너무 좁을 때, 유입용 카테고리 다시 잡는 법

    전문 글과 유입용 글이 섞이지 않도록 카테고리와 글감 축을 다시 잡는 기준입니다.

  2. Astro 카테고리 페이지를 목차처럼 만들면 오래된 글도 다시 읽힌다

    Astro 카테고리 페이지를 단순 목록이 아니라 주제별 목차와 로드맵으로 쓰는 방법입니다.

수익화와 운영

  1. Astro 블로그 AdSense 연동: 페이지 전환 시 광고 누락 문제 해결

    Astro 페이지 전환 뒤 AdSense 광고가 누락되는 문제를 운영 관점에서 해결한 기록입니다.

  2. Astro RSS와 sitemap 체크리스트, 글을 써도 검색엔진이 못 찾으면 소용없다

    Astro 블로그에서 RSS와 sitemap이 검색 유입의 기본 배관 역할을 하도록 확인하는 체크리스트입니다.

빌드와 배포 최적화

  1. Astro 블로그 빌드가 느릴 때, OG 이미지 캐시로 줄이는 방법

    매번 다시 만들 필요 없는 OG 이미지를 캐시해서 Astro 블로그 빌드 시간을 줄이는 접근입니다.

  2. Astro 이미지 관리, public과 src/assets는 언제 나눠야 할까

    Astro 블로그에서 이미지 파일을 public과 src/assets 중 어디에 둘지 판단하는 기준입니다.

  3. Astro GitHub Actions 빌드 캐시, 매번 느린 배포를 줄이는 법

    GitHub Actions에서 Astro 블로그 빌드 시간을 줄일 때 캐시를 어디에 적용하면 좋은지 정리합니다.

  4. Astro dev에서는 되는데 build 후 깨질 때 보는 순서

    Astro 개발 서버에서는 정상인데 정적 빌드나 배포 후 깨질 때 확인하는 순서입니다.

  5. Astro Tailwind 레이아웃에서 오른쪽 여백이 남을 때 확인할 것

    광고 레일이나 사이드바를 제거한 뒤 Astro/Tailwind 레이아웃에 오른쪽 여백이 남을 때 보는 체크리스트입니다.

  6. Astro Markdown 코드블록에 파일명과 복사 버튼을 붙이면 글이 읽기 쉬워진다

    기술 블로그 코드블록에 파일명과 복사 버튼을 붙일 때 사용성이 좋아지는 이유와 구현 체크 포인트입니다.

  7. Astro 동적 OG 이미지, 템플릿과 캐시를 분리해서 봐야 한다

    Astro에서 글별 OG 이미지를 자동 생성할 때 템플릿, 렌더링, 캐시를 나눠 설계하는 관점입니다.

자동화와 글 발행

  1. AI 블로그 이원화: 재테크와 기술 로그를 자동으로 분류하여 발행하기

    AI가 글 주제와 성격에 따라 저장 위치를 나누도록 만든 블로그 자동화 흐름입니다.

  2. AI로 기술 블로그 글감 뽑을 때 망하는 패턴과 안전한 흐름

    AI로 글감을 뽑되 블로그가 얕아지지 않도록 주제 선정과 검수 흐름을 나누는 방법입니다.

최근 글