본 프로젝트는 **경북대학교 컴퓨터학부 AI 에이전트 네트워크 연구실 (AI Agent Networking Laboratory, ANL)**의 공식 홈페이지를 차세대 웹 기술 스택(Next.js 14+, TypeScript, Tailwind CSS)으로 리뉴얼 및 구축하기 위한 프로젝트입니다.

연구실의 기존 실측 데이터 원본(ISL-2026/), 최신 멀티에이전트 오케스트레이션 연구/세미나 자료(multi-agent-orchestration/), 그리고 참고용 모던 웹 프로토타입(refer_landing_page/)을 통합하여 연구실의 새로운 기술 비전을 담은 랜딩페이지를 개발합니다.

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

연구실명: AI 에이전트 네트워크 연구실 (ANL / AI Agent Networking Laboratory)
소속: 경북대학교 IT대학 컴퓨터학부
지도교수: 고석주 교수 (Prof. Seok-Joo Koh / sjkoh@knu.ac.kr)
연구 패러다임 전환 (Research Paradigm Shift):
- Legacy (과거): 단일 디바이스 연동 및 전통적 사물인터넷(oneM2M, OCF) 표준 연구
- Present (현재 핵심 연구): MCP & SKILL, 멀티에이전트 오케스트레이션 인프라 (HERDR, LangGraph), 이종 에이전트 상호운용성 표준 (ACP, A2A), 및 AIoT gRPC/QUIC 고성능 통신 백본

💡 2. 핵심 연구 분야 (Core Research Areas)

multi-agent-orchestration/ 연구 자산에 기반한 ANL 연구실의 주요 연구 분야입니다:

🔌 1) AI Agent 기능 확장 프로토콜 (MCP & SKILL)

MCP (Model Context Protocol): Anthropic 제정 오픈 규격으로 로컬/원격 도구, 데이터(Resource), 프롬프트 통일 호출 인터페이스
SKILL (자율 확장 도구 모음): 실행 코드 + 도구 명세 스키마 + Few-shot이 결합된 모듈화 패키징 기술
CLI 코딩 에이전트: Claude Code, Antigravity CLI 등 터미널 기반 파일 제어 및 자율 소프트웨어 엔지니어링

🤖 2) 멀티 에이전트 협업 및 오케스트레이션 인프라 (Multi-Agent Orchestration)

단일 에이전트 한계 극복: Lost in the middle 현상 방지, 환각(Hallucination) 억제 및 역할 세분화(Role Specialization)
이종 에이전트 교차 검증: 서로 다른 LLM 모델간 비평/합의 루프를 통한 신뢰성 극대화
오케스트레이션 인프라 코어:
- HERDR: 가상 백그라운드 프로세스 컨테이너 기반 에이전트 세션 격리 및 TUI 라이프사이클 관제
- crewAI: 역할(Role), 목표(Goal), 배경(Backstory) 기반 순차/계층 크루 프로세스
- LangGraph: 상태 보존형 순환 그래프(Cyclic Graph), 루프 제어, 예외 롤백 및 상태 동기화

🌐 3) 에이전트 상호운용성 개방형 표준 (Agent Interoperability: ACP & A2A)

ACP (Agent Communication Protocol): IBM Research 제정 서비스 발견 및 태스크 위임 오픈 표준
A2A (Agent-to-Agent Protocol): Google 및 Linux Foundation 주도의 이종 에이전트 간 표준 메시지 교환 및 상태 추적 통신 표준
Agent Card (/.well-known/agent-card.json): 에이전트의 역량(Capabilities), 엔드포인트, 보안 사양을 명시하는 표준 JSON 프로필

⚡ 4) 지능형 사물인터넷 (AIoT) & 고성능 통신 백본 (AIoT & gRPC/QUIC)

AIoT 분산 자율 제어: 스마트 팩토리/스마트 팜 등 Physical 센서 계층과 엣지 연산 계층 간 멀티 에이전트 분산 배치
gRPC & QUIC 양방향 스트리밍: HTTP/2 & HTTP/3 기반 Protobuf 직렬화 및 대용량 멀티모달 바이너리 고속 전송
하이브리드 백본 메쉬: 센서 계층의 경량 프로토콜(MQTT/CoAP)과 엣지 백본의 고성능 프로토콜(gRPC/QUIC) 완충 혼용

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

landing_page/
├── README.md               # [본 문서] 5대 연구 기둥 반영 통합 온보딩 가이드
├── ISL-2026/               # 📄 [실제 데이터 원본] 기존 연구실 공식 홈페이지 (HTML/CSS 및 교수/연구원/실적 데이터)
│   ├── index.html          # 메인 랜딩페이지 & 레거시 연구 분야 소스
│   ├── member.html         # 교수진, 석/박사 연구원, 학부연구생, 졸업생 목록
│   ├── paper-international.html # 국외 저널 및 학회 논문 실적
│   ├── paper-domestic.html # 국내 저널 및 학회 논문 실적
│   ├── patent.html         # 특허 등록/출원 실적
│   └── standard.html       # 국제/국내 표준화 기여 내역 (oneM2M, ITU-T 등)
│
├── multi-agent-orchestration/ # 📚 [신규 연구 분야 상세 교육 & 세미나 자료]
│   ├── lecture_summary.md  # AI Multi-Agents 오케스트레이션 핵심 기술 요약
│   ├── SLIDE.md            # 연구 세미나 통합 발표 자료
│   ├── implementation_plan.md # 오케스트레이션 검토 및 반영 루프 계획
│   └── chapters/           # 0~6장 챕터별 상세 연구 문서 (Prompt, MCP, HERDR, A2A, gRPC 등)
│
├── refer_landing_page/     # 🚀 [타겟 웹 애플리케이션] Next.js 14+ App Router
│   ├── app/                # Next.js App Router 페이지 (Home /, members, publications, lectures, standardization)
│   ├── components/         # 모듈화된 UI 컴포넌트 (Header, Footer, PageHeader, SectionLabel, Reveal, Counter, Marquee)
│   ├── docs/DESIGN.md      # 고대비 매거진 에디토리얼 디자인 시스템 가이드 문서
│   └── tailwind.config.ts  # 디자인 토큰 및 시각 스타일 규칙 정의
│
├── .agents/                # 🤖 멀티 에이전트 오케스트레이션 규칙 및 스킬 툴킷 (MAM)
├── .mam/                   # ⚡ 에이전트 세션 DB 및 HERDR 격리 레지스트리
└── docs/ & research/       # 작업 노트, 결정 기록(ADR) 및 연구 논문 아카이브

🎯 4. 온보딩 개발 미션 (Development Missions for Agents)

📥 Mission 1: 실제 레거시 데이터 마이그레이션 & 신규 5대 연구 기둥 반영

ISL-2026/ 레거시 데이터(교수진, 연구원, 논문, 특허, 강의)를 추출하여 refer_landing_page/app/<route>/page.tsx 내 데이터 구조로 교체합니다.
연구실 메인 랜딩페이지(app/page.tsx) 상단 비주얼, 키워드 마퀴(Marquee), 카운터 수치(Counter)에 A2A, MCP, HERDR, LangGraph, gRPC/QUIC 등 5대 신규 연구 키워드 및 성과를 전면 강조합니다.

🎨 Mission 2: 고대비 에디토리얼 디자인 시스템 준수

refer_landing_page/docs/DESIGN.md에 명시된 에디토리얼 디자인 시스템("Issue 01") 규격을 엄격히 준수합니다.
ISL-2026/assets/의 로고 및 인물/연구 사진을 refer_landing_page/public/으로 이관합니다.

🔍 Mission 3: SEO, 반응형 UI & 빌드 검증

모든 페이지에 SEO 태그(Title, Description, Open Graph, Semantic HTML5) 적용.
npm run build 타입/린트 오류 0건 및 반응형 UI 검수.

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

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

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

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

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

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

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

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