leetaewon.dev 웹사이트

프로젝트 개요

leetaewon.dev는 바이브코딩 결과물과 기술 아티클을 빠르게 축적하기 위해 구축된 개인 기술 블로그이자 프로젝트 포트폴리오 쇼케이스입니다.

기존 Jekyll 기반 사이트들과의 프론트매터 호환성을 유지하면서, 모던 웹 프레임워크인 Astro와 최신 Tailwind CSS v4를 결합하여 제작되었습니다.

기술적 결정 및 스택

1. Astro 7 Content Layer:

   • 마크다운 및 MDX 콘텐츠를 Zod 스키마로 검증하여 빌드 타임에 오타와 데이터 무결성을 보장
   • 정적 빌드(SSG)를 통한 극상의 로딩 속도와 검색엔진 최적화(SEO) 달성

2. Tailwind CSS v4 & 디자인 시스템:

   • 한글 폰트 Pretendard 동적 서브셋과 영문/코드 폰트 Geist Variable 적용
   • 눈의 피로를 줄여주는 다크 모드 및 마크다운 읽기 전용 타이포그래피 스타일링

3. Cloudflare Pages 호스팅:

   • 글로벌 엣지 네트워크 배포로 전 세계 어디서나 빠른 응답 제공