feat(docs): add NavGrid/NavCard components and restructure stage pages
- Add NavGrid.vue and NavCard.vue components for better navigation layout - Restructure stage-0 index pages across languages into intro.md with new navigation components - Remove old stage-0 index.md files and update stage-3 pages similarly - Add new dependencies 'claude' and 'codex' to package.json - Improve code formatting in multiple Vue components for better readability - Update documentation content and structure for better user experience
This commit is contained in:
sanbuphy
@@ -1,42 +0,0 @@
|
||||
# Appendix
|
||||
|
||||
Knowledge base for AI, Frontend, Backend, and General Skills.
|
||||
|
||||
## Content Overview
|
||||
|
||||
### AI Basics
|
||||
- [Prompt Engineering](/ko-kr/appendix/prompt-engineering)
|
||||
- [AI Evolution](/ko-kr/appendix/ai-evolution)
|
||||
- [LLM Introduction](/ko-kr/appendix/llm-intro)
|
||||
- [VLM Introduction](/ko-kr/appendix/vlm-intro)
|
||||
- [AI Image Generation](/ko-kr/appendix/image-gen-intro)
|
||||
- [AI Audio Models](/ko-kr/appendix/audio-intro)
|
||||
- [Context Engineering](/ko-kr/appendix/context-engineering)
|
||||
- [AI Agents](/ko-kr/appendix/agent-intro)
|
||||
- [AI Capability Dictionary](/ko-kr/appendix/ai-capability-dictionary)
|
||||
|
||||
### Frontend Development
|
||||
- [Web Basics (HTML/CSS/JS)](/ko-kr/appendix/web-basics)
|
||||
- [Frontend Evolution](/ko-kr/appendix/frontend-evolution)
|
||||
- [Frontend Performance](/ko-kr/appendix/frontend-performance)
|
||||
- [Canvas 2D](/ko-kr/appendix/canvas-intro)
|
||||
- [URL to Browser](/ko-kr/appendix/url-to-browser)
|
||||
- [Browser DevTools](/ko-kr/appendix/browser-devtools)
|
||||
|
||||
### Backend Development
|
||||
- [Backend Evolution](/ko-kr/appendix/backend-evolution)
|
||||
- [Backend Languages](/ko-kr/appendix/backend-languages)
|
||||
- [Database Principles](/ko-kr/appendix/database-intro)
|
||||
- [Cache Design](/ko-kr/appendix/cache-design)
|
||||
- [Message Queues](/ko-kr/appendix/queue-design)
|
||||
- [Authentication](/ko-kr/appendix/auth-design)
|
||||
- [Tracking Design](/ko-kr/appendix/tracking-design)
|
||||
- [Operations](/ko-kr/appendix/operations)
|
||||
|
||||
### General Skills
|
||||
- [API Introduction](/ko-kr/appendix/api-intro)
|
||||
- [IDE Introduction](/ko-kr/appendix/ide-intro)
|
||||
- [Terminal Introduction](/ko-kr/appendix/terminal-intro)
|
||||
- [Git Introduction](/ko-kr/appendix/git-intro)
|
||||
- [Computer Networks](/ko-kr/appendix/computer-networks)
|
||||
- [Deployment](/ko-kr/appendix/deployment)
|
||||
@@ -0,0 +1,186 @@
|
||||
# 부록
|
||||
|
||||
**부록** 섹션에 오신 것을 환영합니다! 여기는 인공지능 기초와 풀스택 개발 기초를 모은 곳으로, 학습 여정의 중요한 참고 라이브러리입니다.
|
||||
|
||||
## 콘텐츠 카테고리
|
||||
|
||||
### AI 기초
|
||||
|
||||
인공지능의 핵심 개념, 발전 역사 및 최첨단 기술 원리를 이해합니다:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/prompt-engineering/"
|
||||
title="프롬프트 엔지니어링"
|
||||
description="AI와 효율적으로 대화하는 기술을 마스터하여 대형 모델의 잠재력을 활용합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/ai-evolution"
|
||||
title="AI 진화사"
|
||||
description="AI 개발의 주요 이정표를 되돌아보고 기술 진화의 궤적을 이해합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/llm-intro"
|
||||
title="대형 언어 모델"
|
||||
description="대형 언어 모델(LLM)의 작동 원리와 응용을 깊이 있고 쉽게 설명합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/vlm-intro"
|
||||
title="멀티모달 대형 모델"
|
||||
description="이미지, 오디오 등 여러 데이터 모달리티를 처리할 수 있는 고급 모델을 탐색합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/image-gen-intro"
|
||||
title="AI 이미지 생성 원리"
|
||||
description="AI 이미지 생성의 근본적인 로직과 기술 구현을 밝힙니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/audio-intro"
|
||||
title="AI 오디오 모델"
|
||||
description="음성 합성, 인식 및 음악 생성 분야에서의 AI 응용을 이해합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/context-engineering"
|
||||
title="컨텍스트 엔지니어링"
|
||||
description="컨텍스트 관리를 최적화하여 AI 작업의 장기적인 일관성을 향상시키는 방법을 배웁니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/agent-intro"
|
||||
title="에이전트 인텔리전스"
|
||||
description="자율적 의사결정 및 실행 능력을 갖춘 AI 에이전트 아키텍처를 탐색합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/ai-capability-dictionary"
|
||||
title="AI 기능 사전"
|
||||
description="AI 분야의 일반 용어와 핵심 개념의 빠른 참조 안내서"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### 프론트엔드 기초
|
||||
|
||||
프론트엔드 개발의 기술 기반을 다집니다:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/web-basics"
|
||||
title="HTML/CSS/JS 기초"
|
||||
description="웹 페이지 구축의 3대 기둥, 프론트엔드 개발 입문 필수 과목"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/frontend-evolution"
|
||||
title="프론트엔드 진화사"
|
||||
description="프론트엔드 기술 스택의 진화를 이해하고 기술 발전 트렌드를 파악합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/frontend-performance"
|
||||
title="프론트엔드 성능 최적화"
|
||||
description="웹 페이지 로딩 속도와 상호작용의 부드러움을 향상시키는 핵심 전략을 배웁니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/canvas-intro"
|
||||
title="Canvas 2D 입문"
|
||||
description="Canvas 드로잉 API를 마스터하여 멋진 그래픽과 애니메이션 효과를 구현합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/url-to-browser"
|
||||
title="URL에서 브라우저 표시까지"
|
||||
description="브라우저가 페이지를 렌더링하는 완전한 프로세스의 전체 체인 분석"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/browser-devtools/"
|
||||
title="브라우저 개발자 도구"
|
||||
description="개발자 도구를 능숙하게 사용하여 프론트엔드 문제를 효율적으로 식별하고 해결합니다"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### 백엔드 기초
|
||||
|
||||
백엔드 개발의 핵심 개념을 마스터합니다:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/backend-evolution"
|
||||
title="백엔드 진화사"
|
||||
description="모놀리식에서 마이크로서비스로, 백엔드 아키텍처의 진화를 탐색합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/backend-languages"
|
||||
title="백엔드 프로그래밍 언어"
|
||||
description="주류 백엔드 언어의 특성과 적용 시나리오를 비교하여 최적의 기술 스택을 선택합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/database-intro"
|
||||
title="데이터베이스 원리"
|
||||
description="데이터베이스의 핵심 원리를 이해하고 데이터 저장 및 검색의 기술을 마스터합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/cache-design"
|
||||
title="시스템 캐시 설계"
|
||||
description="캐싱 전략을 배워 시스템의 고동시 처리 능력을 향상시킵니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/queue-design"
|
||||
title="메시지 큐 설계"
|
||||
description="메시지 큐의 디커플링과 피크 쉐이빙에서의 핵심 역할을 마스터합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/auth-design"
|
||||
title="인증 원리와 실전"
|
||||
description="안전한 신원 인증 및 권한 관리 시스템을 구축합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/tracking-design"
|
||||
title="추적 설계"
|
||||
description="데이터 추적을 과학적으로 설계하여 제품 의사결정에 데이터 지원을 제공합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/operations"
|
||||
title="온라인 운영"
|
||||
description="시스템 배포, 모니터링 및 장애 해결의 운영 기술을 마스터합니다"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### 일반 기술
|
||||
|
||||
소프트웨어 개발의 기초 지식:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/api-intro"
|
||||
title="API 입문"
|
||||
description="API 인터페이스 설계 및 개발의 기초 지식"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/ide-intro/"
|
||||
title="IDE 원리"
|
||||
description="통합 개발 환경(IDE)의 내부 작동 메커니즘을 이해합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/terminal-intro"
|
||||
title="터미널 입문"
|
||||
description="명령줄 터미널의 기본 작업을 마스터하여 개발 효율성을 향상시킵니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/git-intro"
|
||||
title="Git 상세 소개"
|
||||
description="Git 버전 관리 원리와 고급 사용법을 깊이 이해합니다"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/computer-networks"
|
||||
title="컴퓨터 네트워크"
|
||||
description="네트워크 프로토콜과 통신 원리의 기초 지식"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ko-kr/appendix/deployment"
|
||||
title="배포 및 출시"
|
||||
description="애플리케이션 배포 및 릴리스의 완전한 프로세스와 모범 사례"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## 사용 제안
|
||||
|
||||
- 학습 과정에서의 참고 자료로 필요에 따라 참조합니다
|
||||
- 익숙하지 않은 기술 개념을 만났을 때 먼저 여기에서 설명을 찾습니다
|
||||
- 한 번 통독하는 것을 권장하여 완전한 지식 체계를 구축합니다
|
||||
|
||||
여기는 당신의 기술 지식 보물창고입니다, 언제든지 참조를 환영합니다!
|
||||
Reference in New Issue
Block a user