Overview

프론트엔드 개발에서 폼은 최종 사용자의 입력을 받는 대표적인 수단이며, 리액트 앱에서는 사용자의 입력을 받아 처리를 시작하고 그 결과를 템플릿에 반영하는 역할을 수행

폼 조작의 기본

리액트에서는 컴포넌트에서 폼의 입력값을 처리할 때도 State를 사용하는 것이 기본

폼이란?

리액트에서 폼은 사용자가 데이터를 입력하고 제출할 수 있도록 하는 UI요소

image.png

HTML에는 <form>, <input>, <textarea>, <select> 등의 요소를 사용, 리액트에서는 state와 이벤트 핸들러를 활용하여 폼 데이터를 관리

폼 관리의 기본

제어 컴포넌트 (Controlled Component)

리액트에서 입력을 관리하는 방식의 컴포넌트로 모든 입력이 State에서 중앙 관리

⇒ 사용자의 입력을 직접적으로 제어 할 수 있음

image.png