feat: refactor landing pages with ArticleGrid component and fix navigation

2026-01-25 23:51:43 +08:00
parent af4913a799
commit 6f78114865
48 changed files with 1640 additions and 127 deletions
@@ -0,0 +1,42 @@
+# 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,19 @@
+# AI Product Manager
+
+Welcome to the AI Product Manager stage. Here, you will start from scratch and master the Vibe Coding workflow to become a super individual capable of independent product design.
+
+## Stage Overview
+
+### Getting Started
+Suitable for product, operations, and non-technical backgrounds. Understand AI programming logic through games and build confidence.
+
+- [1. Learning Map](/ko-kr/stage-0/0.1-learning-map/)
+- [2. If you can speak, you can code](/ko-kr/stage-0/0.2-ai-capabilities-through-games/)
+
+### Product Manager
+Master the Vibe Coding workflow. Learn to break down requirements and independently complete high-fidelity web application prototypes.
+
+- [1. Introduction to AI IDE](/ko-kr/stage-1/1.1-introduction-to-ai-ide/)
+- [2. Building a Prototype](/ko-kr/stage-1/1.2-building-prototype/)
+- [3. Integrating AI Capabilities](/ko-kr/stage-1/1.3-integrating-ai-capabilities/)
+- [4. Complete Project Practice](/ko-kr/stage-1/1.4-complete-project-practice/)
@@ -0,0 +1,37 @@
+# Full-Stack Development
+
+Deep dive into full-stack development. Frontend componentization, database design, backend API development, and deployment.
+
+## Stage Overview
+
+### Frontend Development
+Master modern frontend development with component libraries and design tools.
+
+- [Frontend 0: Lovart Assets](/ko-kr/stage-2/frontend/2.0-lovart-assets/)
+- [Frontend 1: Figma & MasterGo](/ko-kr/stage-2/frontend/2.1-figma-mastergo/)
+- [Frontend 2: UI Design](/ko-kr/stage-2/frontend/2.2-ui-design/)
+- [Frontend 3: Multi-Product UI](/ko-kr/stage-2/frontend/2.3-multi-product-ui/)
+- [Frontend 4: Hogwarts Portraits](/ko-kr/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits)
+
+### Backend & Full-Stack
+Learn API design, database management, and deployment strategies.
+
+- [Backend 1: What is API](/ko-kr/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api)
+- [Backend 2: Database & Supabase](/ko-kr/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase)
+- [Backend 3: AI Interface Code](/ko-kr/stage-2/backend/2.3-ai-interface-code/)
+- [Backend 4: Git Workflow](/ko-kr/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github)
+- [Backend 5: Zeabur Deployment](/ko-kr/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications)
+- [Backend 6: Modern CLI Tools](/ko-kr/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development)
+- [Backend 7: Stripe Payment](/ko-kr/stage-2/backend/2.7-stripe-payment/)
+
+### Assignments
+Practical projects to apply your full-stack skills.
+
+- [Assignment 1: Full-Stack App](/ko-kr/stage-2/assignments/2.1-fullstack-app/)
+- [Assignment 2: Modern Frontend + Trae](/ko-kr/stage-2/assignments/2.2-modern-frontend-trae/)
+
+### AI Capabilities
+Integrate AI features like knowledge bases and multimodal APIs.
+
+- [AI 1: Dify & Knowledge Base](/ko-kr/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration)
+- [AI 2: Multimodal API](/ko-kr/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook)
@@ -0,0 +1,30 @@
+# Advanced Development
+
+Build complex cross-platform applications. WeChat Mini-Program practice, challenge higher-level AI-native application development.
+
+## Stage Overview
+
+### Core Skills
+Advanced AI coding skills and long-running task management.
+
+- [Advanced 1: MCP & ClaudeCode Skills](/ko-kr/stage-3/core-skills/3.1-mcp-claudecode-skills/)
+- [Advanced 2: Long-running Tasks](/ko-kr/stage-3/core-skills/3.2-long-running-tasks/)
+
+### Cross-Platform Development
+Build apps for WeChat, Android, and iOS.
+
+- [Advanced 3: WeChat Mini-Program](/ko-kr/stage-3/cross-platform/3.3-wechat-miniprogram/)
+- [Advanced 4: WeChat Mini-Program (Backend)](/ko-kr/stage-3/cross-platform/3.4-wechat-miniprogram-backend/)
+- [Advanced 5: Android App](/ko-kr/stage-3/cross-platform/3.5-android-app/)
+- [Advanced 6: iOS App](/ko-kr/stage-3/cross-platform/3.6-ios-app/)
+
+### Personal Brand
+Build your personal website and blog.
+
+- [Advanced 7: Personal Website & Blog](/ko-kr/stage-3/personal-brand/3.7-personal-website-blog/)
+
+### AI Advanced
+Deep dive into RAG and advanced agent workflows.
+
+- [Advanced AI 1: What is RAG](/ko-kr/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future)
+- [Advanced AI 2: Advanced RAG with LangGraph](/ko-kr/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/)