두 방식을 외워서 나열하는지, 폼 요구사항에 따라 언제 무엇을 고르는지 설명할 수 있는 사람인지 가른다. 후속 질문은 보통 큰 폼에서의 리렌더 비용과 검증 시점 설계로 이어진다.
Controlled Component는 입력값을 리액트 state에 두고 value와 onChange로 동기화한다. 한 글자마다 컴포넌트가 리렌더되는 대신, 검증·마스킹·조건부 UI를 같은 흐름 위에서 묶을 수 있다. Uncontrolled Component는 값을 DOM이 들고 있고 필요할 때만 ref로 읽어 온다. 폼이 단순하고 제출 시점에만 값을 보면 Uncontrolled가 가볍고, 입력 도중 반응을 자주 걸어야 하면 Controlled로 간다.
Controlled로 짠 큰 폼에서 입력 지연을 겪었다면 react-hook-form이나 ref 분리 도입 경험과 묶을 수 있다
검증 시점을 onChange에서 onBlur로 옮겨본 적이 있다면 UX와 성능 사이의 판단 근거를 풀어낼 수 있다
외부 캘린더나 에디터와 폼을 통합한 적이 있다면 Uncontrolled가 왜 필요했는지 짚을 수 있다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.