소개

이 사이트의 목적

이 사이트는 VitePress의 기본 구성을 이해하고, 마크다운 기반 정적 사이트를 직접 다뤄보는 연습용 예제입니다. 문서 한두 개를 만드는 수준을 넘어, 네비게이션과 사이드바를 연결하고 간단한 스타일을 더하는 흐름까지 경험할 수 있도록 구성했습니다.

사용 스택

• VitePress
• Markdown
• 기본 테마 + custom.css
• npm 스크립트 기반 개발 및 빌드

학습 포인트

• docs 디렉터리를 사이트 루트로 사용하는 방식
• docs/.vitepress/config.mts에서 사이트 제목, 설명, 메뉴를 설정하는 방법
• 마크다운 페이지를 추가해 사이트 구조를 확장하는 방법
• docs/.vitepress/theme/custom.css로 기본 테마에 가벼운 스타일을 입히는 방법
• npm run docs:dev, npm run docs:build, npm run docs:preview 스크립트의 역할