# 리액티브 폼 (Angular)

> ReactiveFormsModule, FormControl, FormGroup, FormArray, FormBuilder, validators, 커스텀 validators, 비동기 validators, valueChanges

- 26 면접 질문
- Mid-Level
- [면접 질문: Angular](https://sharpskill.dev/ko/technologies/angular/interview-questions.md)

## 1. Angular의 FormControl이란 무엇입니까?

**답변**

FormControl은 Angular 리액티브 폼의 기본 클래스로 개별 폼 필드를 나타냅니다. 필드의 값, 유효성 검사 상태를 캡슐화하고 사용자 상호작용을 처리하는 메서드를 제공합니다. 각 FormControl은 validators를 가질 수 있고, observable을 통해 변경에 반응하며, touched, dirty, pristine과 같은 상태를 유지할 수 있습니다. FormGroup이나 FormArray로 복잡한 리액티브 폼을 구성하기 위한 기본 빌딩 블록입니다.

## 2. 리액티브 폼을 사용하려면 어떤 Angular 모듈을 임포트해야 합니까?

**답변**

ReactiveFormsModule은 리액티브 폼 작업에 필요한 모든 클래스와 디렉티브를 제공하는 Angular 모듈입니다. FormControl, FormGroup, FormBuilder 및 기타 API에 액세스하려면 애플리케이션 모듈이나 standalone 컴포넌트에 임포트해야 합니다. 이 임포트가 없으면 formControlName이나 formGroup과 같은 디렉티브가 인식되지 않습니다. FormsModule은 템플릿 기반 폼에 사용되는 다른 모듈입니다.

## 3. Angular의 FormGroup이란 무엇입니까?

**답변**

FormGroup은 여러 FormControl 또는 다른 FormGroup 인스턴스를 명명된 키 아래에 그룹화하는 클래스로, 복잡한 폼을 구조화할 수 있습니다. 필드 세트의 값과 유효성 검사 상태를 단일 단위로 관리하고 검증할 수 있습니다. 예를 들어, 주소 폼은 거리, 도시, 우편번호 필드를 포함하는 FormGroup이 될 수 있습니다. FormGroup은 모든 자식 컨트롤의 값과 유효성 검사 상태를 자동으로 집계합니다.

## 23개 추가 질문 이용 가능

- Angular에서 FormBuilder의 목적은 무엇입니까?
- 초기 값을 가진 FormControl을 생성하는 방법은?

무료로 가입하기: https://sharpskill.dev/ko/login

## 기타 Angular 면접 주제

- [TypeScript 기초](https://sharpskill.dev/ko/technologies/angular/interview-questions/typescript-basics.md): 25개 질문, Junior
- [TypeScript 고급](https://sharpskill.dev/ko/technologies/angular/interview-questions/typescript-advanced.md): 20개 질문, Junior
- [Angular 기초](https://sharpskill.dev/ko/technologies/angular/interview-questions/angular-fundamentals.md): 20개 질문, Junior
- [컴포넌트와 라이프사이클](https://sharpskill.dev/ko/technologies/angular/interview-questions/components-lifecycle.md): 20개 질문, Junior
- [Services & Dependency Injection](https://sharpskill.dev/ko/technologies/angular/interview-questions/services-dependency-injection.md): 20개 질문, Junior
- [Angular 모듈 구성](https://sharpskill.dev/ko/technologies/angular/interview-questions/modules-organization.md): 22개 질문, Mid-Level
- [Angular CLI](https://sharpskill.dev/ko/technologies/angular/interview-questions/angular-cli.md): 18개 질문, Junior
- [디렉티브와 Pipe](https://sharpskill.dev/ko/technologies/angular/interview-questions/directives-pipes.md): 22개 질문, Mid-Level
- [라우팅과 내비게이션](https://sharpskill.dev/ko/technologies/angular/interview-questions/routing-navigation.md): 24개 질문, Mid-Level
- [템플릿 기반 폼](https://sharpskill.dev/ko/technologies/angular/interview-questions/forms-template-driven.md): 16개 질문, Mid-Level
- [RxJS 기초](https://sharpskill.dev/ko/technologies/angular/interview-questions/rxjs-fundamentals.md): 22개 질문, Mid-Level
- [RxJS 연산자](https://sharpskill.dev/ko/technologies/angular/interview-questions/rxjs-operators.md): 24개 질문, Mid-Level
- [HttpClient 및 API 호출](https://sharpskill.dev/ko/technologies/angular/interview-questions/http-client.md): 22개 질문, Mid-Level
- [기본 상태 관리](https://sharpskill.dev/ko/technologies/angular/interview-questions/state-management-basics.md): 20개 질문, Mid-Level
- [Change Detection](https://sharpskill.dev/ko/technologies/angular/interview-questions/change-detection.md): 20개 질문, Mid-Level
- [Angular Signals](https://sharpskill.dev/ko/technologies/angular/interview-questions/angular-signals.md): 20개 질문, Mid-Level
- [Standalone Components](https://sharpskill.dev/ko/technologies/angular/interview-questions/standalone-components.md): 18개 질문, Mid-Level
- [Angular 단위 테스트](https://sharpskill.dev/ko/technologies/angular/interview-questions/testing-unit.md): 22개 질문, Mid-Level
- [엔드투엔드 테스팅](https://sharpskill.dev/ko/technologies/angular/interview-questions/testing-e2e.md): 18개 질문, Mid-Level
- [빌드 및 최적화](https://sharpskill.dev/ko/technologies/angular/interview-questions/build-optimization.md): 20개 질문, Mid-Level
- [NgRx 기초](https://sharpskill.dev/ko/technologies/angular/interview-questions/ngrx-fundamentals.md): 24개 질문, Senior
- [NgRx 고급](https://sharpskill.dev/ko/technologies/angular/interview-questions/ngrx-advanced.md): 24개 질문, Senior
- [Angular 아키텍처](https://sharpskill.dev/ko/technologies/angular/interview-questions/angular-architecture.md): 22개 질문, Senior
- [성능 최적화](https://sharpskill.dev/ko/technologies/angular/interview-questions/performance-optimization.md): 22개 질문, Senior
- [보안 및 모범 사례](https://sharpskill.dev/ko/technologies/angular/interview-questions/security-best-practices.md): 20개 질문, Senior
- [고급 RxJS 패턴](https://sharpskill.dev/ko/technologies/angular/interview-questions/advanced-rxjs-patterns.md): 22개 질문, Senior
- [Angular Universal 및 SSR](https://sharpskill.dev/ko/technologies/angular/interview-questions/angular-universal-ssr.md): 20개 질문, Senior
- [Angular 마이크로 프론트엔드](https://sharpskill.dev/ko/technologies/angular/interview-questions/micro-frontends-angular.md): 20개 질문, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ko/technologies/angular/interview-questions/forms-reactive