# Chirpy SvelteKit에 오신 것을 환영합니다 안녕하세요! Jekyll Chirpy 테마를 현대적인 SvelteKit 아키텍처로 마이그레이션한 새로운 블로그에 오신 것을 환영합니다. ## 새로운 시작 이 블로그는 인기 있는 Jekyll Chirpy 테마의 모든 기능을 유지하면서도, 현대적인 웹 개발 기술의 장점을 활용할 수 있도록 설계되었습니다. ### 주요 특징 - **빠른 성능**: SvelteKit과 Vite 기반의 최적화된 빌드 - **타입 안전성**: TypeScript로 완전한 타입 지원 - **현대적인 UI**: TailwindCSS와 shadcn-svelte 컴포넌트 - **풍부한 콘텐츠**: 수학 표현식, 다이어그램, 코드 하이라이팅 지원 - **SEO 최적화**: 정적 사이트 생성으로 완벽한 SEO ## 기술 스택 - **프레임워크**: SvelteKit 2.x - **언어**: TypeScript 5.x - **스타일링**: TailwindCSS 4 - **컴포넌트**: shadcn-svelte - **콘텐츠**: mdsvex (Markdown + MDX) - **빌드**: @sveltejs/adapter-static ## 블로그 구조 이 블로그는 다음과 같은 구조로 구성되어 있습니다: ### 카테고리 - **Development**: 개발 관련 포스트 - **Tutorial**: 튜토리얼과 가이드 - **Guide**: 상세한 분석과 가이드 - **Welcome**: 소개 및 환영 포스트 ### 주요 페이지 - **홈**: 최신 포스트 목록 - **카테고리**: 카테고리별 포스트 필터링 - **태그**: 태그 클라우드 및 필터링 - **아카이브**: 시간순 포스트 목록 - **소개**: 블로그 및 저자 소개 ## 사용된 기능들 ### 다크 모드 이 블로그는 완전한 다크 모드 지원을 제공합니다. 우측 상단의 테마 토글을 사용하여 언제든지 전환할 수 있습니다. ### 검색 기능 키보드 단축키 `Ctrl+K` (또는 `Cmd+K`)를 사용하여 전체 포스트를 검색할 수 있습니다. ### 목차 (TOC) 긴 포스트에는 자동으로 생성되는 목차가 표시되어 빠른 네비게이션을 제공합니다. ### 댓글 시스템 각 포스트 하단에는 GitHub 기반의 Giscus 댓글 시스템이 통합되어 있습니다. ## 앞으로의 계획 이 블로그에서는 다음과 같은 내용들을 다룰 예정입니다: 1. **SvelteKit 마이그레이션 과정**: Jekyll에서 SvelteKit으로 마이그레이션하는 전체 과정 2. **성능 최적화**: 정적 사이트의 성능을 극대화하는 방법 3. **SEO 전략**: 검색 엔진 최적화를 위한 실전 가이드 4. **개발 도구**: 현대적인 웹 개발 도구 체인 구축 ## 시작하기 블로그 탐색을 시작하려면: 1. **최신 포스트**: 홈페이지에서 최신 포스트들을 확인하세요 2. **카테고리 탐색**: 관심 있는 주제의 카테고리를 선택하세요 3. **태그 검색**: 특정 주제로 태그를 필터링하세요 4. **검색**: 키보드 단축키로 원하는 내용을 검색하세요 ## 연락하기 궁금한 점이 있으시거나 피드백을 주고 싶으시다면: - **GitHub**: [프로젝트 저장소](https://github.com/username/chirpy-sveltekit) - **이메일**: [contact@example.com](mailto:contact@example.com) - **댓글**: 각 포스트 하단의 댓글 시스템 활용 --- 다시 한번 Chirpy SvelteKit 블로그에 오신 것을 환영합니다. 즐거운 탐색 되세요! 🎉