오늘은 React를 통해 사용자의 입력를 처리하는 방법을 정리하려고 한다! 그리고 구현 중에 문제가 생겼던 부분을 같이 정리하겠다.

사용자의 입력을 처리하기 위해서 바닐라 자바스크립트에선 이렇게 했다. // html // js const input = document.getElementById('input'); let inputValue = input.value; 그러나 React에선 State를 사용하여 입력을 처리할 수 있다. 간단하게 두 숫자를 입력받고 드롭다운으로 사칙연산을 선택하면 두 숫자를 선택한 연산자로 계산해서 결과값을 보여주는 프로그램을 짜보자.

Calc라는 컴포넌트를 만들어주고, input 두개와 select, 결과값을 보여주는 페이지를 작성했다. const Calc = () => { return (

계산기