🕯️ 연등 - 프론트엔드 레포지토리

〔  ＼│/  〕   흩어진 연대를 잇는 따뜻한 불빛
(  연  등  )   연대 활동 정보의 모든 것, 
 "*. __ .*"    지금 바로 [연등]에서 확인하세요.

👥 팀원 소개

김연아	심세희
FE Lead	FE
@yakim12	@sehui516
🔎	🔎

---

🛠️ 기술 스택 (Tech Stack)

Category	Technology	Reason
🏗️ Framework		컴포넌트 기반 UI 개발 및 재사용성 극대화
📘 Language		정적 타이핑을 통한 런타임 에러 방지 및 유지보수 생산성 향상
🎨 Styling		표준 스타일 시트를 활용한 유연하고 직관적인 UI 디자인 구현
⚡ BaaS / Auth		비동기 호스팅 환경을 빠르게 구성하고 배포 편의성을 높이기 위해 사용
🚀 CI / CD		테스트 및 빌드 자동화와 지속적 통합 / 배포 환경 구성

---

🧩 시스템 아키텍처

flowchart TD
    %% --- 디자인 시스템 ---
    classDef edge fill:#E1F5FE,stroke:#01579B,stroke-width:2px
    classDef aws fill:#FFF3E0,stroke:#E65100,stroke-width:2px
    classDef logic fill:#F3E5F5,stroke:#7B1FA2,stroke-width:2px
    classDef data fill:#E8F5E9,stroke:#2E7D32,stroke-width:2px
    classDef ai fill:#E0F2F1,stroke:#00796B,stroke-width:2px,stroke-dasharray: 5 5

    subgraph Global_Edge ["🌍 Layer 7: Frontend & Masking"]
        User(("👤 User\n(Browser)"))
        FB_H["🔥 Firebase Hosting\n(Static Assets)"]:::edge
        FB_R["🛡️ Cloud Rewrites\n(API Masking Proxy)"]:::edge
    end

    subgraph AWS_EC2 ["☁️ AWS Hardened Host (Docker Engine)"]
        direction TB
        
        subgraph Security_Gate ["🔒 Security Layer"]
            Cert_Bot["🔒 Certbot\n(SSL Auto-Renewal)"]:::aws
            DuckDNS["🦆 DuckDNS\n(DDNS Endpoint)"]:::aws
        end

        subgraph Container_Mesh ["🐳 Isolated Docker Network"]
            direction TB
            subgraph App_Cluster ["🧠 Logic Tier"]
                Node_App["🧩 Node.js API\n(SSL Termination)"]:::logic
                AI_Logic["🤖 OpenAI Pipeline"]:::ai
            end
            
            subgraph Data_Tier ["💾 Persistence Tier"]
                direction LR
                MySQL[("🐬 MySQL 8.0")]:::data
                Redis[("🔴 Redis Cache")]:::data
                ES[("🔎 Elasticsearch")]:::data
            end
        end
    end

    Gemini_API[("🧠 OpenAI API")]:::ai

    %% --- 데이터 흐름 ---
    User -- "HTTPS / TLS 1.3" --> FB_H
    FB_H -- "Path Masking" --> FB_R
    FB_R == "Secure Tunnel" ==> DuckDNS
    
    DuckDNS --> Node_App
    Cert_Bot -. "SSL Certificate" .-> Node_App
    
    Node_App <--> AI_Logic
    AI_Logic -- "External Request" --> Gemini_API
    
    Node_App <--> MySQL
    Node_App <--> Redis
    Node_App <--> ES

    %% CI/CD
    GHA["⚙️ GH Actions"] -. "Deploy" .-> FB_H
    GHA -. "Docker Push/Up" .-> Node_App

Loading