About

이 페이지는 이 사이트가 왜 만들어졌는지, 어떤 도구를 쓰는지, 무엇을 학습할 수 있는지 한눈에 정리합니다.

사이트의 목적

• VitePress 기반 정적 사이트의 가장 기본적인 구조를 익힙니다.
• docs 폴더를 사이트 루트로 사용하는 방식에 익숙해집니다.
• 설정 파일과 마크다운 페이지가 어떻게 연결되는지 직접 확인합니다.

사용 스택

• VitePress: 정적 사이트 생성과 라우팅, 기본 테마 제공
• Markdown: 페이지 콘텐츠 작성
• TypeScript 설정 파일: docs/.vitepress/config.mts에서 사이트 설정 관리
• CSS: docs/.vitepress/theme/custom.css에서 최소한의 스타일 보완

학습 포인트

• 홈 화면의 hero, action 버튼, feature 카드 구성 방법
• 네비게이션과 사이드바를 연결해 페이지 이동 흐름 만들기
• 단순한 커스텀 CSS로 기본 테마 분위기를 조금 더 다듬는 방법
• npm run docs:build로 정적 사이트가 실제로 빌드되는지 확인하는 과정