28 lines
870 B
TypeScript
28 lines
870 B
TypeScript
|
import { useParams } from 'react-router';
|
||
|
|
|
||
|
|
const GUIDE_TITLES: Record<string, string> = {
|
||
|
|
'env-intro': '개발환경 소개',
|
||
|
|
'initial-setup': '초기 환경 설정',
|
||
|
|
'gitea-usage': 'Gitea 사용법',
|
||
|
|
'nexus-usage': 'Nexus 사용법',
|
||
|
|
'git-workflow': 'Git 워크플로우',
|
||
|
|
'chat-bot': 'Chat 봇 연동',
|
||
|
|
'starting-project': '프로젝트 시작하기',
|
||
|
|
};
|
||
|
|
|
||
|
|
export function GuidePage() {
|
||
|
|
const { section } = useParams<{ section: string }>();
|
||
|
|
const title = section ? GUIDE_TITLES[section] : '가이드';
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="max-w-4xl mx-auto py-12 px-6">
|
||
|
|
<h1 className="text-3xl font-bold text-gray-900 mb-4">
|
||
|
|
{title || '가이드'}
|
||
|
|
</h1>
|
||
|
|
<div className="bg-blue-50 border border-blue-200 rounded-lg p-4 text-blue-800 text-sm">
|
||
|
|
이 섹션의 콘텐츠는 준비 중입니다.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|