반응형 입력 컨트롤1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 83 (폼(Form) 컨트롤, 입력 컨트롤, 단방향 데이터 흐름, 폼 라이브러리 활용) 목차폼(Form) 컨트롤입력 컨트롤: 제어된 vs. 제어되지 않은단방향 데이터 흐름폼 라이브러리 활용오늘 하루를 돌아보며 폼(Form) 컨트롤리액트에서 폼을 올바르게 다루는 것은 사용자 경험(UX)과 접근성을 높이는 데 매우 중요하다. HTML에서 요소는 Enter 키나 제출 버튼을 누르면 페이지를 새로고침하는 기본 작동을 가지고 있다. 하지만 리액트에서는 이벤트 핸들러에서 e.preventDefault()를 호출하여 이 기본 동작을 막고, 자바스크립트를 통해 폼 제출을 제어하는 것이 일반적이다. 폼 제출은 onClick 이벤트보다는 onSubmit 이벤트를 사용하는 것이 좋다. onSubmit은 버튼 클릭뿐만 아니라 Enter 키 입력까지 모두 처리하기 때문에 더 안전하고 편리하다. 입력 컨트롤: .. 2025. 9. 4. 이전 1 다음 반응형
