React

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

클로저란 함수에서 반환된 내부 함수가 스코프를 기억하여 해당 스코프 외부에서 호출되어도 해당 스코프에 접근할 수 있는 함수를 의미합니다.만약 중첩된 구조로 클로저가 구현되어 있다면 가장 안쪽에 있는 클로저 함수는 모든 스코프를 참조하고 있기 때문에 모든 변수가 메모리에

iframe 내에서 클릭 이벤트가 발생했을 때, 부모 엘리먼트에 적용된 클릭 이벤트가 동작하지 않았다. ( 버블링 미발생 )이유가 무엇인지 알아보고 해결 방법을 찾아보자.일반적으로 이벤트 버블링은 단일 문서 트리에서만 발생한다. iframe으로 생성된 엘리먼트는 별도의