본문으로 건너뛰기
Acecore

「Astro」 태그의 기사 목록

태그 「Astro」와 관련된 기사 목록입니다. 16개의 기사

Astro + Cloudflare 사이트를 기능별로 확장하는 전체 설계
by Gui

Astro + Cloudflare 사이트를 기능별로 확장하는 전체 설계

Astro와 Cloudflare Pages를 기반으로 문의 AI, Sveltia CMS, 다국어 블로그, 서비스 CTA, 안전한 Markdown 렌더링, Cloudflare만으로 만든 댓글 기능을 하나의 구조로 정리합니다.

Cloudflare만으로 Astro 블로그 댓글 기능 만들기
by Gui

Cloudflare만으로 Astro 블로그 댓글 기능 만들기

외부 댓글 서비스를 쓰지 않고 Cloudflare Pages Functions, D1, Turnstile, Wrangler 설정만으로 Astro 블로그 댓글 기능을 구현한 기록입니다.

Sveltia CMS 도입 가이드
by Gui

Sveltia CMS 도입 가이드

Astro 같은 정적 사이트에 Sveltia CMS를 도입하는 방법을 GitHub backend, OAuth Worker, 이미지 업로드, 다국어 운영, CMS 전용 PR 흐름, 실제 수정에서 얻은 교훈까지 정리합니다.

AI 채팅 답변의 Markdown 링크를 안전하게 렌더링하는 구현 설계
by Gui

AI 채팅 답변의 Markdown 링크를 안전하게 렌더링하는 구현 설계

AI 채팅 답변에 포함된 Markdown 링크를 안전한 HTML로 바꾸는 구현 메모입니다. 공백을 허용하는 파싱, href trim, 허용 목록 검증, DOM 렌더링, fallback, 테스트 케이스를 나누면 다른 사이트에도 재사용하기 쉽습니다.

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計
by Gui

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計

サービスページで読んでいた文脈を問い合わせフォームへ引き継ぐための実装設計です。AstroサイトでのミニCTA、URLパラメータ契約、フォーム種別の初期選択、件名prefill、多言語URL、GA計測、生成HTML確認まで、他サイトでも使える形で整理します。

Aceserver 포털을 공개했습니다
by Gui

Aceserver 포털을 공개했습니다

누구나 참여할 수 있는 무료 Minecraft 공개 서버 Aceserver의 공식 포털을 공개했습니다. Astro, UnoCSS, Sveltia CMS로 구축하고 서버 소개, 영상, 월드 맵, Wiki, Discord 참여 동선을 하나의 입구로 정리했습니다.

Hatt 홈페이지를 공개했습니다
by Gui

Hatt 홈페이지를 공개했습니다

그림, 소설, VRChat용 3D 아바타와 기믹 제작을 한곳에 모은 “Hatt 홈페이지”를 공개했습니다. Astro, Sveltia CMS, Pagefind를 사용해 창작 활동을 계속 발신할 수 있는 개인 사이트로 설계했습니다.

Astro 사이트 품질 개선 가이드 속편 - PageSpeed Insights 전 항목 100점을 만든 최종 조정
by Gui

Astro 사이트 품질 개선 가이드 속편 - PageSpeed Insights 전 항목 100점을 만든 최종 조정

이전 글 이후 마지막으로 진행한 개선을 정리합니다. Cloudflare Web Analytics 중지, GA4와 검색 UI의 지연 로드, PageSpeed Insights 모바일과 데스크톱 4개 항목 모두 100점 달성, Search Console의 빵부스러기와 색인 정리, 공유 SVG 아이콘으로의 이행, 그리고 시도했지만 채택하지 않은 추가 최적화 판단까지 한 번에 정리했습니다.

Astro 사이트 품질 개선 가이드 — PageSpeed 모바일 점수 99 달성
by Gui

Astro 사이트 품질 개선 가이드 — PageSpeed 모바일 점수 99 달성

Astro + UnoCSS + Cloudflare Pages 사이트를 성능, SEO, 접근성, UX의 4가지 축에서 개선하여 PageSpeed Insights 모바일 99점, 데스크톱 전 항목 100점을 달성한 전 과정 기록.

GitHub Copilot × Playwright로 웹사이트 몽키 테스트하기: 실전 가이드
by Gui

GitHub Copilot × Playwright로 웹사이트 몽키 테스트하기: 실전 가이드

VS Code 에이전트 모드(GitHub Copilot)와 Playwright 브라우저 도구를 결합하여 정적 사이트를 체계적으로 몽키 테스트하는 실전 가이드. 테스트 설계 방법론, 발견된 버그와 수정, 개선 권장 사항을 다룹니다.

Astro View Transitions의 함정과 해결책 — UX 및 코드 품질 개선 가이드
by Gui

Astro View Transitions의 함정과 해결책 — UX 및 코드 품질 개선 가이드

Astro View Transitions에서 스크립트가 작동하지 않는 문제의 해결 패턴, Pagefind 전문 검색 도입, TypeScript 타입 안전성 강화, 상수 중앙 관리 등 UX와 코드 품질 개선을 위한 실전 가이드.

Astro 사이트를 WCAG AA 준수로 만드는 실전 가이드
by Gui

Astro 사이트를 WCAG AA 준수로 만드는 실전 가이드

Astro + UnoCSS 사이트에서 구현한 접근성 개선에 대한 종합 가이드. aria 속성, 명도 대비, 포커스 관리, 폼 유효성 검사, 스크린 리더 지원 등 WCAG AA 준수에 필요한 모든 것을 다룹니다.

SEO 개선 가이드: Astro 사이트에 구조화 데이터와 OGP 구현하기
by Gui

SEO 개선 가이드: Astro 사이트에 구조화 데이터와 OGP 구현하기

Astro + Cloudflare Pages 사이트에서 JSON-LD 구조화 데이터, OGP, 사이트맵, RSS를 올바르게 구현하는 단계별 가이드. Google 리치 결과 지원부터 RSS 피드 최적화까지 실전 SEO 개선을 다룹니다.

Astro 6 사이트를 9개 언어로 지원하는 방법 ― 168개 블로그 글 자동 번역과 다국어 아키텍처
by Gui

Astro 6 사이트를 9개 언어로 지원하는 방법 ― 168개 블로그 글 자동 번역과 다국어 아키텍처

Astro 6 + UnoCSS + Cloudflare Pages 사이트를 9개 언어로 대응한 기록. UI 국제화부터 168개 블로그 글 번역, Pages CMS 다국어 설정까지 전체 과정을 다룹니다.

Astro 사이트에서 PageSpeed 모바일 99점을 달성하는 실전 기법
by Gui

Astro 사이트에서 PageSpeed 모바일 99점을 달성하는 실전 기법

Astro + UnoCSS + Cloudflare Pages 사이트에서 PageSpeed Insights 모바일 99점을 달성한 최적화 기법. CSS 전달 전략, 폰트 설정 함정, 반응형 이미지, AdSense 지연 로딩, 캐시 설정을 다룹니다.

VitePress에서 Starlight로 — 문서 사이트 프레임워크 통합
by Gui

VitePress에서 Starlight로 — 문서 사이트 프레임워크 통합

VitePress + UnoCSS로 구축한 사업계획서를 Astro + Starlight로 마이그레이션하여 두 프로젝트의 프레임워크를 통합한 기록. Mermaid 다이어그램의 CDN 이전도 다룹니다.

기사 검색