태그: Astro

2026-07-13 Astro public과 dist 폴더는 무엇이 다른가 Astro의 public과 dist가 비슷해 보이는 이유와 Git에 보관할 폴더, 삭제해도 되는 빌드 결과물을 구분합니다. 2026-05-29 Astro Tailwind 레이아웃에서 오른쪽 여백이 남을 때 확인할 것 Astro와 Tailwind로 만든 블로그에서 사이드 광고를 제거한 뒤 오른쪽 공간이 남거나 제목만 좁게 보일 때 확인해야 할 max-width와 공용 레이아웃 규칙을 정리한다. 2026-05-29 Astro RSS와 sitemap 체크리스트, 글을 써도 검색엔진이 못 찾으면 소용없다 Astro 블로그에서 RSS, sitemap, canonical URL, robots.txt 같은 기본 색인 요소를 어떻게 확인해야 검색엔진이 새 글을 놓치지 않는지 정리한다. 2026-05-29 Astro 블로그 검색 붙이기, Pagefind가 잘 맞는 이유 Astro 정적 블로그에 검색 기능을 붙일 때 Pagefind를 쓰면 어떤 점이 좋은지, 색인 생성과 배포 흐름에서 무엇을 확인해야 하는지 정리한다. 2026-05-29 Astro Markdown 코드블록에 파일명과 복사 버튼을 붙이면 글이 읽기 쉬워진다 Astro 기술 블로그에서 Markdown 코드블록에 파일명 표시와 복사 버튼을 붙이면 독자가 코드 위치와 사용법을 더 빨리 이해할 수 있다. 구현 시 고려할 점을 정리한다. 2026-05-29 Astro 이미지 관리, public과 src/assets는 언제 나눠야 할까 Astro 블로그에서 public 이미지와 src/assets 이미지의 차이를 운영 관점으로 나누고, 삽화와 OG 이미지 같은 파일을 어디에 두면 좋은지 정리한다. 2026-05-29 Astro GitHub Actions 빌드 캐시, 매번 느린 배포를 줄이는 법 Astro 블로그를 GitHub Actions로 배포할 때 의존성, OG 이미지, 검색 색인 같은 반복 작업을 캐시 관점에서 어떻게 줄일 수 있는지 정리한다. 2026-05-29 Astro 동적 OG 이미지, 템플릿과 캐시를 분리해서 봐야 한다 Astro 블로그에서 글별 동적 OG 이미지를 만들 때 템플릿 구성과 캐시 정책을 분리해야 빌드 시간과 유지보수 문제가 줄어든다. 2026-05-29 Astro dev에서는 되는데 build 후 깨질 때 보는 순서 Astro에서 dev 서버에서는 정상인데 build 결과나 GitHub Pages 배포 후 이미지, 검색, 경로, 스타일이 깨지는 경우 확인할 체크리스트를 정리한다. 2026-05-29 Astro Content Collections, 글이 많아질수록 frontmatter 정리가 먼저다 Astro Content Collections에서 frontmatter를 어떻게 정리해야 글 목록, 태그, 카테고리, SEO가 덜 꼬이는지 실제 운영 관점으로 정리한다. 2026-05-29 Astro 카테고리 페이지를 목차처럼 만들면 오래된 글도 다시 읽힌다 Astro 블로그에서 카테고리 페이지를 단순 글 목록이 아니라 시리즈 목차와 로드맵처럼 구성하면 검색 유입과 내부 이동에 어떤 장점이 있는지 정리한다. 2026-05-28 Astro 블로그 빌드가 느릴 때, OG 이미지 캐시로 줄이는 방법 Astro 블로그에서 글마다 OG 이미지를 생성하면 글이 늘어날수록 빌드 시간이 길어진다. 매번 새로 만들 필요 없는 PNG를 캐시하고, 새 글이나 변경된 글만 다시 생성하는 방식으로 빌드를 줄이는 사고방식을 정리한다. 2026-04-07 Astro에서 AdSense가 페이지 전환 후 안 보일 때 확인할 것 Astro View Transitions 환경에서 AdSense가 첫 화면에만 나오고 페이지 전환 후 비는 이유와 확인 순서를 정리합니다. 2026-03-30 Astro와 MDX로 기술 블로그 구축하기 (1편): 개발 환경 설정 Astro와 MDX를 활용하여 고성능 기술 블로그를 구축하는 첫 번째 단계로, 개발 환경 설정 및 프로젝트 초기화 방법을 다룬다. 2026-03-28 Astro 블로그 본문 너비 확장 및 사이드바 광고 레이아웃 구현 (Tailwind v4) Tailwind CSS v4를 사용하여 AstroPaper 테마의 본문 너비를 확장하고, 대형 모니터에서만 노출되는 우측 사이드바 광고 영역을 추가하는 방법을 정리합니다.