컴포넌트 레퍼런스

프로젝트에서 사용되는 주요 컴포넌트들의 API를 설명합니다.

Header

네비게이션 헤더 컴포넌트입니다.

Props

없음 (내부 설정 사용)

사용법

import Header from '../components/Header.astro';

<Header />

Footer

푸터 컴포넌트입니다.

Props

없음

사용법

import Footer from '../components/Footer.astro';

<Footer />

Hero

히어로 섹션 컴포넌트입니다.

Props

Prop	Type	Default	Description
title	string	”Hello, World!”	메인 타이틀
subtitle	string	”Welcome”	서브타이틀

사용법

import Hero from '../components/Hero.astro';

<Hero title="JYNC" subtitle="개발자 포트폴리오" />

KnowledgeGraph

지식 그래프 시각화 컴포넌트입니다.

Props

없음 (자동으로 문서 컬렉션에서 데이터 로드)

특징

• 문서 길이에 따른 노드 크기
• 태그 공유에 따른 연결선
• 카테고리별 색상 구분