sohyeon kim

💡제어 컴포넌트 useState 와 비제어 컴포넌트 useRef 를 비교해보자!제어 컴포넌트React 에 의해 값이 제어되는 입력 폼 엘리먼트사용자의 입력을 기반으로 state 를 관리하고 업데이트한다.모든 input 이 변경될 때 마다 리렌더링import React, { useState } from 'react';function MyInput() { const [inputValue, setInputValue] = useState(null); const handleChange = (e) => { setInputValue(e.target.value); }; return handleChange(e)} value={inputValue} />;} 비제어 컴포넌트React 에서 값이 제어되지 않는..

💡 useRef : DOM 요소에 접근할 수 있도록 하는 훅 state 와 비슷하게 저장한다는 느낌. state : 리렌더링이 꼭 필요한 값을 다룰 때 사용, 렌더링이 일어나면 내부 변수들 초기화 (버튼이 눌리면 숫자가 올라가야할 때!) ref : 리렌더링을 발생시키지 않는 값을 저장할 때 사용, 내부 변수 초기화 XXX import { useRef, useState } from "react"; import "./App.css"; function App() { const [count, setCount] = useState(0); const countRef = useRef(0); const style = { border: "1px solid black", margin: "10px", padding: "10..