# 📌 ANL Homepage Backlog & Improvement Tasks

본 문서는 ANL 연구실 홈페이지의 추가 개선 요청 및 반영 완료된 작업 내역을 관리합니다.

---

### ✅ 완료된 추후 작업 (Completed Tasks)

#### 1. 전 모드 좌우 여유 공백(Side Margins/Padding) 추가
- **적용 위치**: `refer_landing_page/app/globals.css` (`.container-content`) & `app/page.tsx` 등 6개 라우트 최상위 래퍼
- **내용**: 모바일, 태블릿, 데스크톱 전 모드에서 시각적 답답함을 해소하고 여유로운 에디토리얼 여백을 제공하도록 `<main>` 태그의 full-width 확장성은 보존하면서 6개 라우트 래퍼에 `container-content` (`px-6 sm:px-10 md:px-12 lg:px-16`) 적용

#### 2. Desktop 모드 `max_width` 비율 고정
- **적용 위치**: `refer_landing_page/tailwind.config.ts` (`maxWidth.content: "78rem"`) & 6개 라우트 래퍼 `.container-content`
- **내용**: 초고해상도(Ultrawide / 4K) 모니터에서 페이지 가로 폭이 지나치게 넓어져 레이아웃 비율이 깨지는 현상을 방지하기 위해 6개 라우트 본문 최대 폭(78rem / 1248px) 고정 및 중앙 정렬

#### 3. 헤더 1240px 반응형 햄버거 메뉴 전환
- **적용 위치**: `refer_landing_page/tailwind.config.ts` (`screens: { desktop: "1240px" }`) & `refer_landing_page/components/Header.tsx` (4곳 `desktop:` 토클)
- **내용**: 윈도우 폭이 1240px 미만일 때 "AI 에이전트 네트워크 연구실" 및 "AI Agent Networking Lab (ANL)" 타이틀 카피가 2줄로 줄바꿈되어 깨지는 현상을 방지하도록 `desktop:` (1240px) 스크린 토큰 적용. 1240px 미만에서는 햄버거 토글 메뉴 및 헤더 스트립으로 100% 통일 전환

#### 4. Publications 페이지 "International Conference" 카테고리 정리
- **적용 위치**: `refer_landing_page/content/categories.ts`, `content/types.ts`, `app/publications/`
- **내용**: 실측 데이터상 중복 분류 가능성이 있던 `International Conference` 단독 카테고리를 제거하고, `International Journal & Conference`, `Domestic Journal & Conference`, `Patent` 3대 카테고리로 슬림화 (논문 223건 전량 보존)