UI Component
재사용 컴포넌트는 props와 접근성 상태를 먼저 고정한다.
프론트엔드 구현 점검 흐름
프론트엔드는 화면을 만드는 동시에 API 계약, 상태 경계, 라우팅 실패 상태를 함께 다루어야 한다.
API Client
응답 타입, 에러 타입, 인증 헤더 처리를 한 계층에 모은다.
State Store
서버 상태와 클라이언트 전용 상태를 섞지 않고 책임을 나눈다.
Route Guard
로그인 필요, 권한 없음, 404 같은 경로 상태를 명시한다.
프론트 구현은 예쁜 화면보다 데이터가 늦거나 실패해도 깨지지 않는 흐름이 핵심이다.