---
type: file-frontend
status: draft
related_pages: ["[[architecture/project_map]]", "[[architecture/public_admin_map]]"]
page_id: A00_Common
source_file: "A00_Common/app_shell.ts"
last_updated: 2026-07-24
---

# app_shell.ts

웹 애플리케이션의 공통 상단 네비게이션 헤더, 모바일 드로어 메뉴, 시스템 대시보드 상태 및 테마 전환 레이아웃을 렌더링하는 클라이언트 셸 모듈입니다.

## 🛠️ 주요 함수 목록

| 항목 | 위치(상대 경로) | 역할 |
|---|---|---|
| `renderAppShell()` | `A00_Common/app_shell.ts` | 메인 헤더 및 워크플로우 셸 레이아웃 DOM 구조 렌더링 |
| `updateActiveNav()` | `A00_Common/app_shell.ts` | 현재 URL 라우트 경로에 따라 헤더 네비게이션 활성 탭 하이라이트 |

## 🔗 연관 개념 및 의존성
- `A00_Common/router.ts` — 클라이언트 라우터와 네비게이션 상태 공유