용어집
본 문서는 Angular 표준 문서 전반이 쓰는 용어의 뜻을 정의합니다. 같은 낱말을 문서마다 다르게 쓰지 않기 위한 기준입니다.
| 용어 | 정의 | 참고 출처 |
|---|---|---|
| FSD (Feature-Sliced Design) | 프론트엔드 코드를 계층·슬라이스·세그먼트로 분할하고 계층 간 단방향 임포트를 강제하는 아키텍처 방법론 | fsd.how |
| 계층 (Layer) | FSD의 최상위 분할 단위. app, pages, features, entities, shared |
fsd.how |
| 슬라이스 (Slice) | 계층 내부의 도메인 단위 분할. pages/risk-assessment-list 등 |
|
| 세그먼트 (Segment) | 슬라이스 내부의 기술적 목적별 분할. ui, model, api, lib, config |
|
| 공개 API (Public API) | 슬라이스가 index.ts로 노출하는 진입점. 외부는 이것을 통해서만 접근합니다 |
|
| 하이드레이션 (Hydration) | 서버가 생성한 HTML에 클라이언트가 이벤트와 상태를 결합해 상호작용 가능한 상태로 만드는 과정 | |
| 증분 하이드레이션 (Incremental Hydration) | 화면 전체가 아니라 필요한 블록만 선택적으로 하이드레이션하는 방식. Angular 22에서 기본 활성화 | |
| 적응형 UI (Adaptive UI) | 기기의 상호작용 특성에 따라 컴포넌트와 상호작용 모델 자체를 교체하는 방식. 레이아웃만 바꾸는 반응형과 구분됩니다 | |
| 브레인 · 헬름 (brain · helm) | Spartan의 두 층. brain은 접근성과 동작을 담당하는 헤드리스 프리미티브이며 npm 의존성입니다. helm은 스타일 층이며 프로젝트로 복사해 소유합니다 | spartan.ng |
| 전송 상태 (Transfer State) | 서버 렌더링 시 조회한 데이터를 HTML에 실어 클라이언트로 전달해 중복 요청을 막는 기법 | |
| 베일 (Veil) | 화면 전환 중 콘텐츠 영역을 덮어 이전 화면을 유지하는 표시. 스켈레톤을 대신합니다 | 로딩 전략 |
| 골격 (Frame) | 화면의 상위 구조를 가르는 축. 실질적 차이는 스크롤 컨테이너의 위치입니다 | 레이아웃 |