반응형 제어 vs. 비제어1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 75 (인풋 이벤트 핸들링, 제어 vs. 비제어, 배열 상태 관리) 목차인풋 이벤트 핸들링제어 vs. 비제어배열 상태 관리오늘 하루를 돌아보며 인풋 이벤트 핸들링리액트에서 인풋 요소의 값은 컴포넌트의 상태(state)와 연결하여 관리한다. 이렇게 하면 사용자의 입력이 상태에 즉시 반영되어 UI가 동기화된다.입력과 상태 연결: input 요소의 value 속성에는 상태 값을, onInput 또는 onChange 속성에는 상태를 업데이트하는 핸들러 함수를 연결해야 한다.리액트의 onChange: 웹 표준 change 이벤트와 달리, 리액트의 onChange 이벤트는 사용자가 입력할 때마다 실시간으로 발생하여 즉시 상태를 업데이트한다. 제어 vs. 비제어인풋 요소를 상태와 연결하는 방식에 따라 제어 인풋(Controlled Input)과 비제어 인풋(Uncontrolled I.. 2025. 8. 20. 이전 1 다음 반응형