리액트 디자인 패턴: 제어 컴포넌트 vs 비제어 컴포넌트
리액트(React)에서 폼(form)이나 입력 필드(input)를 다룰 때, 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)라는 두 가지 패턴을 선택할 수 있습니다. 두 방식의 차이점, 각각의 장단점, 그리고 실전 코드 예시를 통해 언제 어떤 방식을 써야 하는지 알아보겠습니다.1. 제어 컴포넌트란?제어 컴포넌트는 입력값을 React의 상태(state)로 직접 관리하는 방식입니다. 사용자의 입력 이벤트는 `onChange`를 통해 상태를 업데이트하며, 해당 상태를 다시 컴포넌트의 `value`로 전달함으로써 UI와 상태가 항상 동기화됩니다.1.1 특징입력값을 상태로 관리유효성 검사, 조건부 렌더링 등 세밀한 제어 가능데이터 흐름이 Re..
