React-18v 부터 상태 업데이트(setState)를 하나로 통합해서 배치처리를 한 후 리렌더링을 진행합니다.리렌더링 관련 성능 개선과거 React-17v 에서는 이벤트 핸들러 내부에서 발생하는 상태 업데이트만 배치처리를 지원했습니다.하지만 이벤트 핸들러 내부에 f
리액트는 이벤트가 발생할 때 해당 이벤트 핸들러는 Event 객체를 받을 수 있습니다.Event 객체는 래핑된 SyntheticEvent의 인스턴스를 전달합니다.일반적인 nativeEvent( 브라우저 기본 이벤트 )가 아닙니다.SyntheticEvent는 자주 사용하
useRef(https://ko.reactjs.org/docs/hooks-reference.html - 주로 함수형 컴포넌트에서 사용되며 클래스형 컴포넌트에서는 React.createRef를 사용해야 합니다.또한 전역으로 변수를 관리할 수 있습니다.useRe
1. useCallback이란? useCallback이란 함수를 메모이제이션을 하기 위해 사용되는 hook입니다. 첫번째 인자는 함수, 두번째 인자는 dependency 배열을 가집니다. 자세한 설명은 생략! 보통 React 컴포넌트는 함수 안에 함수가 선언
increment 버튼을 이용해 count를 계속 증가시킬 경우App 컴포넌트 리렌더링 및 count가 참조된 useEffect 실행setSameCount 버튼을 이용해 같은 값을 업데이트 할 경우첫번째 클릭컴포넌트 자체는 리렌더링 1번 발생count가 참조된 useE