입력한 데이터를 화면에 바로 렌더링해보자. 📌useReducer useState보다 다양한 컴포넌트 상황에 따라 다른 값으로 업데이트해주고 싶을 때 사용한다. reducer 함수는 현재 상태, 업데이트를 위해 필요한 정보를 담은 값 (action)을 전달받아 새로운 상태를 반환하는 함수이다. 리듀서 함수에서 새로운 상태를 만들 때는 반드시 불변성을 지켜줘야 한다. 리덕스에서 사용하는 액션 객체에는 아래와 같이 반드시 어떤 액션인지 알려주는 type field가 꼭 있어야 하지만 { type : '뭐시기', } useReducer 에서 사용하는 액션 객체는 꼭 type을 지니고 있을 필요는 없다. 그리고 굳이 객체가 아니라 문자열이나 숫자여도 상관없다. ✔ Counter.js useReducer를 사용했을..