Homepage Structure Diagram — AI Researcher Edition

Homepage Structure Diagram — AI Researcher Edition

Changmin Leechangmin-lee.com

전체 페이지 와이어프레임

╔══════════════════════════════════════════════════════════════════════╗
║  NAVIGATION BAR  (sticky, glassmorphism)                            ║
║  ┌─────────────────────────────────────────────────────────────┐    ║
║  │ [CL]  About · Publications · Research · Projects · Contact  │    ║
║  └─────────────────────────────────────────────────────────────┘    ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ██████████████████████  HERO SECTION  ██████████████████████████   ║
║                                                                      ║
║    ┌──────────────────────────────────────────────────────────┐     ║
║    │  ░░░░░░░░ Neural Network Canvas Background ░░░░░░░░░░░░  │     ║
║    │  ░   ●━━━━●        ●━━━━●         ●━━━━●             ░  │     ║
║    │  ░    ╲  ╱          ╲  ╱           ╲  ╱              ░  │     ║
║    │  ░     ╲╱            ╲╱             ╲╱               ░  │     ║
║    │  ░                                                    ░  │     ║
║    │  ░   ╔══════╗  Changmin Lee                          ░  │     ║
║    │  ░   ║photo ║  AI Research Engineer                  ░  │     ║
║    │  ░   ║ 🟣  ║  M.S.-Ph.D. Student @ UNIST            ░  │     ║
║    │  ░   ╚══════╝  UAI Lab · Advisor: Prof. Taesik Gong  ░  │     ║
║    │  ░             (indigo glow border)                   ░  │     ║
║    │  ░                                                    ░  │     ║
║    │  ░   I work on [ Personalized RAG ▌ ]  ← typed       ░  │     ║
║    │  ░                                                    ░  │     ║
║    │  ░   [Email] [GitHub] [LinkedIn] [arXiv] [CV]        ░  │     ║
║    │  ░                                                    ░  │     ║
║    │  ░   ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄       ░  │     ║
║    │  ░   🏆 ICML 2026  ·  🎓 NRF Fellow  ·  📍 UNIST   ░  │     ║
║    │  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  │     ║
║    └──────────────────────────────────────────────────────────┘     ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ████████████████████  NEWS SECTION  ███████████████████████████    ║
║                                                                      ║
║    News                                                              ║
║    ─────────────────────────────────────────────────────────────    ║
║    2026.05  ★ Paper accepted to ICML 2026 — "From Volume to..."    ║
║    2025.08  🏅 NRF Master's Fellowship awarded                      ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ██████████████████  RESEARCH SECTION  █████████████████████████    ║
║                                                                      ║
║    Research Interests                                                ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ╔══════════════════════════════════════════════════════╗         ║
║    ║  " I build AI systems that are personal, efficient,  ║         ║
║    ║    and deployable on the edge. "                     ║         ║
║    ╚══════════════════════════════════════════════════════╝         ║
║                                                                      ║
║    My work sits at the intersection of:                             ║
║                                                                      ║
║    ┌────────────────┐  ┌────────────────┐  ┌────────────────┐      ║
║    │ 🎯 Personalized│  │ ⚡ On-Device   │  │ 🤖 AI Agents  │      ║
║    │    AI & RAG    │  │    AI / LLMs   │  │  & Memory     │      ║
║    └────────────────┘  └────────────────┘  └────────────────┘      ║
║                                                                      ║
║    Research tags (color-coded by category):                         ║
║    [PRIMARY: Personalized AI] [PRIMARY: Personalized RAG]           ║
║    [SYSTEM: On-Device AI] [SYSTEM: Efficient LLMs]                  ║
║    [APP: AI Agents] [APP: On-Device RAG]                            ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ████████████████  PUBLICATIONS SECTION  ████████████████████████   ║
║                                                                      ║
║    Publications                                                      ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ★ Featured                                                        ║
║    ┌─────────────────────────────────────────────────────────┐      ║
║    │▌                                              [ICML 2026│      ║
║    │  From Volume to Value: Preference-Aligned Memory        │      ║
║    │  Construction for On-Device RAG                         │      ║
║    │                                                         │      ║
║    │  Changmin Lee, Jaemin Kim, Taesik Gong                 │      ║
║    │                                                         │      ║
║    │  [arXiv ↗]  [Code ↗]  [📋 BibTeX]  [Abstract ▼]      │      ║
║    └─────────────────────────────────────────────────────────┘      ║
║                                                                      ║
║    Preprints                                                         ║
║    ┌─────────────────────────────────────────────────────────┐      ║
║    │  [Under Review]  Transition-Level Memory for GUI Agents │      ║
║    │  Changmin Lee, Taehwan Park, Jongwon Lee, Taesik Gong  │      ║
║    └─────────────────────────────────────────────────────────┘      ║
║                                                                      ║
║    Other Publications                                                ║
║    ┌─────────────────────────────────────────────────────────┐      ║
║    │  [IEIE 2024]  Enhancing Chest X-Ray Classification...  │      ║
║    │  [KMS 2024]   Comparison of Recycling Waste...         │      ║
║    └─────────────────────────────────────────────────────────┘      ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ████████████████  EDUCATION SECTION  ███████████████████████████   ║
║                                                                      ║
║    Education                                                         ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ┌──────────────────────────────────────────────────────┐         ║
║    │  [UNIST logo]  Ulsan National Institute of S&T       │         ║
║    │                M.S.-Ph.D., Computer Science          │         ║
║    │                Mar. 2025 – Present                   │         ║
║    │                UAI Lab · Prof. Taesik Gong           │         ║
║    └──────────────────────────────────────────────────────┘         ║
║                                                                      ║
║    ┌──────────────────────────────────────────────────────┐         ║
║    │  [KNU logo]  Kyungpook National University           │         ║
║    │              B.S., Computer Science                  │         ║
║    │              Mar. 2019 – Feb. 2025                   │         ║
║    │              GPA: 3.9/4.3 · Major: [4.2/4.3]        │         ║
║    └──────────────────────────────────────────────────────┘         ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ██████████████████  PROJECTS SECTION  ██████████████████████████   ║
║                                                                      ║
║    Projects                    [Graduate ▼] [Undergraduate ▼]       ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ┌────────────────┐  ┌────────────────┐  ┌────────────────┐      ║
║    │  EPIC          │  │ Trans-Level    │  │ LG MoE         │      ║
║    │  ─────────     │  │ Memory         │  │ Personalization│      ║
║    │  RAG·On-Device │  │ GUI Agent      │  │ Industry R&D   │      ║
║    │  ICML 2026 🏆  │  │ Under Review   │  │ Jun-Sep 2025   │      ║
║    │  [arXiv][Code] │  │                │  │                │      ║
║    └────────────────┘  └────────────────┘  └────────────────┘      ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ████████████  EXPERIENCE & HONORS SECTION  █████████████████████   ║
║                                                                      ║
║    Experience                                                        ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ══╡ Mar 2025 ╞══════════════════════════════════════ Present      ║
║       ● M.S.-Ph.D. Student — UAI Lab, UNIST    [● pulse]           ║
║                                                                      ║
║    ══╡ Jan 2025 ╞══════════════════════════════════════ Dec 2025     ║
║       ● Lab Manager — UAI Lab, UNIST                                ║
║                                                                      ║
║    ══╡ Dec 2023 ╞══════════════════════════════════════ Sep 2024     ║
║       ● Undergrad RA — PRMI Lab, KNU                                ║
║                                                                      ║
║    Honors & Awards                                                   ║
║    ─────────────────────────────────────────────────────────────    ║
║    🏅  NRF Master's Fellowship (2025.08 – 2026.09)                  ║
║    🥈  Excellence Award, Undergrad Research Support (2024)          ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ████████████████  SKILLS SECTION  ██████████████████████████████   ║
║                                                                      ║
║    Skills                                                            ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ⚙  Programming     Python · C · Java                             ║
║    🔬 DL Frameworks   PyTorch · TensorFlow · Keras · sklearn        ║
║    🔍 RAG & Retrieval  FAISS · Dense Retrieval · LLM Eval          ║
║    🛠  Systems & Tools  Linux · Git · Docker · LaTeX · vLLM         ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║                                                                      ║
║  ████████████████  CONTACT SECTION  █████████████████████████████   ║
║                                                                      ║
║    Get in Touch                                                      ║
║    ─────────────────────────────────────────────────────────────    ║
║                                                                      ║
║    ┌──────────────┐  ┌──────────────┐  ┌──────────────┐           ║
║    │  📧 Email    │  │  💻 GitHub   │  │  🔗 LinkedIn │           ║
║    │  lchm1106@   │  │  CkdalsKong  │  │  changmin0lee│           ║
║    │  unist.ac.kr │  │              │  │              │           ║
║    └──────────────┘  └──────────────┘  └──────────────┘           ║
║                                                                      ║
╠══════════════════════════════════════════════════════════════════════╣
║  FOOTER                                                              ║
║  © 2026 Changmin Lee · Built with Jekyll · Last updated: Jun 2026   ║
╚══════════════════════════════════════════════════════════════════════╝

컴포넌트 계층도

Page Root
├── <nav> Sticky Navbar (glassmorphism)
│   ├── Logo "CL"
│   ├── Nav links (scroll-spy active state)
│   └── Theme toggle (dark/light)
│
├── <section#home> Hero
│   ├── <canvas> Neural background animation
│   ├── .hero-inner
│   │   ├── .hero-photo (indigo glow)
│   │   └── .hero-content
│   │       ├── h1 Name
│   │       ├── .hero-subtitle
│   │       ├── .typed-wrapper (typewriter)
│   │       ├── .quick-links (Email/GitHub/LinkedIn/arXiv/CV)
│   │       └── .hero-badges (ICML · NRF · UNIST)
│   └── .scroll-hint ↓
│
├── <section#news> News
│   └── .news-list (날짜 mono font, emoji 아이콘)
│
├── <section#research> Research Interests
│   ├── .research-statement (quote block)
│   ├── .research-pillars (3-column: Personalized / On-Device / Agents)
│   └── .research-tags (카테고리별 색상)
│
├── <section#publications> Publications
│   ├── .pub-featured (큰 카드, indigo accent)
│   ├── .pub-preprints (중간 카드)
│   └── .pub-other (작은 카드 목록)
│
├── <section#education> Education
│   └── .edu-cards (대학 로고 + 정보)
│
├── <section#projects> Projects
│   ├── .project-filter-tabs (Graduate / Undergraduate)
│   └── .project-grid (카드)
│
├── <section#experience> Experience + Honors
│   ├── .timeline (pulse dot for current)
│   └── .honors-list
│
├── <section#skills> Skills
│   └── .skill-groups (아이콘 + 태그)
│
├── <section#contact> Contact
│   └── .contact-cards
│
└── <footer>

색상 & 디자인 토큰

배경 계층:
  L0 (최하): #0d0f14  ← 전체 페이지 배경
  L1 (카드): #13161e  ← 카드, 섹션 배경
  L2 (호버): #1a1f2e  ← 카드 hover 상태
  Border:    #1e2433  ← 구분선

텍스트:
  Primary:   #e2e8f0  ← 본문
  Secondary: #94a3b8  ← 보조
  Muted:     #64748b  ← 날짜, 메타

포인트 색상:
  Indigo:    #6366f1  ← 주 강조 (버튼, 링크, dot)
  Sky:       #38bdf8  ← 보조 강조 (태그, 배지)
  Gold:      #f59e0b  ← Top venue 강조 (ICML 배지)
  Green:     #10b981  ← 진행 중 항목

폰트 크기 스케일:
  xs:   0.75rem  (11px) ← 배지, 메타
  sm:   0.875rem (14px) ← 보조 텍스트
  base: 1rem     (16px) ← 본문
  lg:   1.125rem (18px) ← 섹션 텍스트
  xl:   1.25rem  (20px) ← 소제목
  2xl:  1.5rem   (24px) ← 섹션 제목
  3xl:  2rem     (32px) ← 이름
  4xl:  2.5rem   (40px) ← Hero 큰 텍스트

섹션 순서 및 비중

섹션비중이유
Hero★★★★★첫인상, 신원
Publications★★★★★연구자 정체성 핵심
Research Interests★★★★☆연구 방향성 전달
Education★★★☆☆신뢰도
Projects★★★☆☆연구 포트폴리오
Experience★★★☆☆커리어 맥락
News★★☆☆☆최신 업데이트
Skills★★☆☆☆참고용
Contact★★☆☆☆연락 수단