---
type: moc
domain: frontend
status: active
last-reviewed: 2026-07-27
---

# 프론트엔드 허브

> 05_프론트엔드 진입점. **01은 원리(판단 기준), 02는 구현 실전, 03은 품질·운영 실전**이다.
> "무엇을 어떤 기준으로 설계하나"는 [[03_프론트엔드 설계]](03_설계/05_역할별), "무엇을 채워 납품하나"는 02_기획/05_역할별 템플릿이 정본 — 여기는 구현 지식이다.

## 01_원리 — 판단 기준

- [[프론트엔드 원리]] — 렌더링 전략·상태 4분류·데이터 패칭·3상태 원칙·AI 응답 UX·인증 흐름

## 02_구현 — 손이 가는 곳부터

- [[폼·입력 검증 실전]] — 검증 이중화(클라·서버)·에러 메시지 규율·제출 상태 관리
- [[컴포넌트 설계 실전]] — 분리 기준·props 계약·합성 우선·디자인 토큰 연결

## 03_품질·운영 — 검수에서 터지기 전에

- [[웹 성능 실전]] — Core Web Vitals·성능 예산 CI 게이트·이미지·폰트
- [[접근성 실전]] — 최다 실수 5·키보드 전수 검사·시맨틱 우선
- [[프론트엔드 테스트 실전]] — 테스트 대상 선별·사용자 관점 쿼리·비주얼 회귀
- [[프론트엔드 에러 처리와 관측]] — 에러 바운더리·전역 핸들러·프론트 로깅과 소스맵

## 관련 허브

- [[00_설계 허브]] — [[03_프론트엔드 설계]] (설계 결정 기준)
- [[00_기획 허브]] — 화면정의서 등 납품 템플릿 (02_기획/05_역할별)