SystemArchitecture.

Matcha Logic의 시스템 아키텍처와 설계도를 투명하게 공개합니다.

📂 Directory Structure

matcha-logic/
├── public/
│   ├── admin/          # Decap CMS (config.yml)
│   ├── images/         # Assets
│   └── _redirects      # Routing Rules
├── src/
│   ├── components/     # UI Components
│   ├── content/        # Markdown Data
│   ├── layouts/        # Page Shells
│   └── pages/          # Routing Points
└── astro.config.mjs    # Configuration

⚡ Core Dependencies

Astro

Web Framework

v7.0.9

Tailwind CSS

Utility-first CSS

v3.4.17

Decap CMS

Git-based CMS

v3.0.0

🏗️ Component Usage

src / components

📄 Badge.astro
📄 Button.astro
📄 Card.astro
📄 Header.astro
📄 PageTitle.astro
... and more

JSsrc/pages/index.astro

1---

2import Button from '../components/Button.astro';

3import Badge from '../components/Badge.astro';

4---

6<Button variant="primary">

7 Brewing 시작하기

8</Button>

10<Badge size="micro">Snapdragon</Badge>

Astro ComponentsUTF-8

* 컴포넌트의 시각적 가이드라인은 UI Components 페이지를 참고하세요.