graph TB subgraph Customer["고객 접점"] SHOP["makitt-shop
(고객 스토어프론트)
Next.js"] MOBILE["모바일 웹"] end subgraph Seller["셀러 접점"] WEB["makitt-web
(셀러 대시보드)
Next.js"] BUILDER["makitt-builder
(페이지 빌더)
Next.js"] end subgraph AI["AI 계층"] AGENT["makitt-ai-agent
LangGraph 12 Agents
FastAPI + SSE"] LLM["Claude / Gemini"] end subgraph Backend["makitt-server (Spring Boot)"] API["API Gateway
(makitt-api)"] AUTH["인증 서비스
JWT / OAuth2"] ORDER["주문 서비스"] PAY["결제 서비스"] PRODUCT["상품 서비스"] SHIP["배송 서비스"] CS["CS 서비스
(반품/교환/환불)"] ARGO_INT["Argo 연동 레이어
FeignClient + Kafka"] end subgraph PG["PG사"] TOSS["토스페이먼츠
(KRW)"] STRIPE["Stripe
(USD/SGD)"] PAYPAL["PayPal
(SGD)"] end subgraph Argo["Argo 물류 시스템"] VMS["VMS
(벤더관리)"] CMS["CMS
(상품카탈로그)"] OMS["OMS
(주문관리)"] SUGAR["Sugar
(배송)"] WMS_IN["WMS 입고"] WMS_INV["WMS 재고"] WMS_OUT["WMS 출고"] end subgraph Infra["인프라"] DB["DynamoDB
(Single Table)"] SEARCH["OpenSearch"] S3["AWS S3
+ CloudFront CDN"] KAFKA["Kafka
(메시지 브로커)"] REDIS["Redis
(캐시)"] end subgraph Carrier["배송사"] CJ["CJ대한통운
(한국)"] DHL["DHL
(싱가포르)"] end %% 고객 플로우 SHOP --> API MOBILE --> SHOP %% 셀러 플로우 WEB --> API BUILDER --> API %% AI 연동 AGENT --> LLM WEB --> AGENT AGENT --> API %% 서버 내부 API --> AUTH API --> ORDER API --> PAY API --> PRODUCT API --> SHIP API --> CS ORDER --> ARGO_INT SHIP --> ARGO_INT %% PG 연동 PAY --> TOSS PAY --> STRIPE PAY --> PAYPAL %% Argo 연동 (Kafka) ARGO_INT -->|makitt-order-created| KAFKA KAFKA -->|argo-order-updated| ARGO_INT KAFKA -->|argo-inventory-synced| ARGO_INT KAFKA -->|cms-sku-info-change| CMS %% Argo 내부 KAFKA --> OMS OMS --> WMS_OUT WMS_OUT --> SUGAR SUGAR --> CJ SUGAR --> DHL %% Argo REST ARGO_INT -->|REST| VMS ARGO_INT -->|REST| OMS %% 인프라 연동 API --> DB API --> SEARCH API --> S3 API --> REDIS %% 스타일 classDef customer fill:#e1f5fe,stroke:#0288d1 classDef seller fill:#f3e5f5,stroke:#7b1fa2 classDef ai fill:#fff3e0,stroke:#f57c00 classDef backend fill:#e8f5e9,stroke:#388e3c classDef pg fill:#fce4ec,stroke:#c62828 classDef argo fill:#fff8e1,stroke:#f9a825 classDef infra fill:#eceff1,stroke:#546e7a classDef carrier fill:#fbe9e7,stroke:#bf360c class SHOP,MOBILE customer class WEB,BUILDER seller class AGENT,LLM ai class API,AUTH,ORDER,PAY,PRODUCT,SHIP,CS,ARGO_INT backend class TOSS,STRIPE,PAYPAL pg class VMS,CMS,OMS,SUGAR,WMS_IN,WMS_INV,WMS_OUT argo class DB,SEARCH,S3,KAFKA,REDIS infra class CJ,DHL carrier

Henriette System Architecture