본 프로젝트는 **경북대학교 컴퓨터학부 사물인터넷 표준 및 멀티에이전트 오케스트레이션 연구실 (IoT Standards & Multi-Agent Orchestration Lab, ISL)**의 공식 홈페이지를 차세대 웹 기술 스택(Next.js 14+, TypeScript, Tailwind CSS)으로 리뉴얼 및 구축하기 위한 프로젝트입니다.

연구실의 기존 실측 데이터 원본(ISL-2026/)과 참고용 모던 웹 프로토타입(refer_landing_page/)을 기반으로, 최신 연구 주제(QUIC, gRPC, A2A, 멀티에이전트 오케스트레이션)를 반영한 차세대 연구실 랜딩페이지를 완성합니다.

📌 1. 연구실 개요 및 핵심 연구 분야 (Lab Overview & Core Research Focus)

연구실명: 사물인터넷 표준 및 멀티에이전트 오케스트레이션 연구실 (ISL)
소속: 경북대학교 IT대학 컴퓨터학부
지도교수: 고석주 교수 (Prof. Seok-Joo Koh / sjkoh@knu.ac.kr)
연구 패러다임 전환 (Research Pivot):
- 기존: 전통적 사물인터넷(oneM2M, OCF) 표준 기여 중심
- 현재 (Current Core Focus): QUIC, gRPC, A2A (Agent-to-Agent) 통신 프로토콜 및 멀티 에이전트 오케스트레이션 (Multi-Agent Orchestration) 연구

💡 핵심 연구 축 (Research Pillars)

Agent-to-Agent (A2A) Communication Protocols:
- QUIC, gRPC, MQTT 기반 차세대 에이전트 간 고성능/저지연 상호 통신 및 인터페이스 설계
Multi-Agent Orchestration & Framework:
- 이종 자율 지능형 에이전트들의 오케스트레이션, 라이프사이클 관제, 세션/상태 격리 및 동적 워크플로우 제어 (MAM: Multi-Agent Mux)
Autonomous Agent Systems & Infrastructure:
- LLM 에이전트 및 임베디드 AI 디바이스 간 협업 시스템, 분산 엣지 환경 오케스트레이션
IoT & Interactive Media Standards (Legacy Focus):
- oneM2M/W3C WoT 기반 사물인터넷 인터페이스, CCIS (In-Vehicle Infotainment), Optical Wireless (VLC) 연구 자산

📁 2. 디렉터리 구조 및 역할 (Directory Structure)

landing_page/
├── README.md               # [본 문서] 신규 연구 분야 반영 통합 온보딩 가이드
├── ISL-2026/               # 📄 [실제 데이터 원본] 기존 연구실 공식 홈페이지 (HTML/CSS)
│   ├── index.html          # 메인 랜딩페이지 & 레거시 연구 분야 소개
│   ├── member.html         # 교수진, 석/박사 연구원, 학부연구생, 졸업생 목록
│   ├── paper-international.html # 국외 저널 및 학회 논문 실적
│   ├── paper-domestic.html # 국내 저널 및 학회 논문 실적
│   ├── patent.html         # 특허 등록/출원 실적
│   ├── standard.html       # 국제/국내 표준화 기여 내역 (oneM2M, ITU-T 등)
│   └── assets/ & image/    # 로고, 교수님 및 연구원 사진 자산
│
├── refer_landing_page/     # 🚀 [타겟 웹 애플리케이션 프로토타입] Next.js 14+ App Router
│   ├── app/                # Next.js App Router 페이지 (intro, members, publications, lectures, standardization)
│   ├── components/         # 모듈화된 UI 컴포넌트 (Header, Footer, PageHeader, SectionLabel, Reveal, Counter, Marquee)
│   ├── docs/DESIGN.md      # 고대비 매거진 에디토리얼 디자인 시스템 가이드 문서
│   └── tailwind.config.ts  # 디자인 토큰 및 시각 스타일 규칙 정의
│
├── .agents/                # 🤖 멀티 에이전트 오케스트레이션 규칙 및 스킬 툴킷 (MAM)
├── .mam/                   # ⚡ 에이전트 세션 DB 및 격리 상태 레지스트리
├── docs/                   # 진행 작업 노트, 미팅 기록, 아키텍처 결정(ADR)
└── research/               # 관련 논문, QUIC/gRPC/A2A 사양서, 벤치마크 자료

🎯 3. 온보딩 핵심 미션 (Core Development Missions)

📥 Mission 1: 실제 연구실 데이터 추출 및 신규 연구 도메인 반영

ISL-2026/ 레거시 데이터(교수진, 연구원, 논문, 특허, 강의)를 추출하여 refer_landing_page/app/<route>/page.tsx 내의 데이터 배열에 적용합니다.
연구실 소개(intro/page.tsx) 및 메인 랜딩페이지 상단 비주얼/티커(Marquee)에 QUIC, gRPC, A2A, Multi-Agent Orchestration 등 핵심 신규 연구 키워드를 전면 강조하도록 정제합니다.

🎨 Mission 2: 브랜드 가치 및 에디토리얼 디자인 시스템 유지

refer_landing_page/docs/DESIGN.md의 고대비 매거진 디자인 시스템("Issue 01")을 준수합니다.
ISL-2026/assets/의 로고, 사진 및 그래픽 자산을 refer_landing_page/public/으로 이관하여 활용합니다.

🔍 Mission 3: SEO, 반응형 UI 및 품질 검증

모든 페이지의 Title, Meta Description, Open Graph 태그 최적화.
모바일/데스크톱 반응형 UI 검수 및 npm run build 오류 0건 검증.

👥 4. 멀티 에이전트 역할 (Multi-Agent Team)

에이전트	담당 역할 (Role)	주요 임무 (Primary Responsibilities)
🧠 Claude	`planner and reviewer`	QUIC/gRPC/A2A 도메인 반영 검토, 데이터 무결성 검증, 최종 코드 PR 승인
🎨 Agy (Antigravity)	`creator`	Component 개발, `ISL-2026` 데이터 추출 및 신규 연구 분야 메인 비주얼/코드 마이그레이션
🔍 Cline	`reviewer`	UI/UX 반응형 검수, SEO 및 Accessibility 점검, 린트/타입 안전성 검증

⚠️ 모든 에이전트는 프로젝트 루트의 AGENTS.md 지침 및 .agents/MULTI_AGENT_RULES.md 규약을 준수해야 합니다.

🛠️ 5. 로컬 개발 및 실행 가이드 (Getting Started)

# 1. 참고용 웹 애플리케이션 디렉터리로 이동
cd refer_landing_page

# 2. 의존성 패키지 설치
npm install

# 3. 개발 서버 실행 (기본 포트: http://localhost:3000)
npm run dev

# 4. 프로덕션 빌드 테스트 (검증 시 사용)
npm run build