JYNC Portfolio

개인 포트폴리오 웹사이트 프로젝트입니다.

기술 스택

이 프로젝트에서 사용된 주요 기술들입니다.

Frontend

• Astro: 정적 사이트 생성기
• Tailwind CSS: 유틸리티 기반 CSS 프레임워크

Hosting

• Cloudflare Pages: 글로벌 CDN 배포

프로젝트 구조

프로젝트의 디렉토리 구조를 설명합니다.

src/
├── pages/       # 페이지 라우팅
├── components/  # 재사용 컴포넌트
├── layouts/     # 레이아웃
├── content/     # 마크다운 콘텐츠
└── styles/      # 글로벌 스타일

Pages 폴더

파일 기반 라우팅을 사용합니다. 각 .astro 파일이 하나의 페이지가 됩니다.

Components 폴더

재사용 가능한 UI 컴포넌트들이 위치합니다.

Content 폴더

마크다운 문서들이 저장되는 곳입니다. Astro의 Content Collections를 사용합니다.

시작하기

로컬 환경에서 프로젝트를 실행하는 방법입니다.

설치

# 의존성 설치
npm install

개발 서버 실행

npm run dev

빌드

npm run build

배포

GitHub에 푸시하면 Cloudflare Pages가 자동으로 빌드 및 배포합니다.

라이선스

MIT License