리액트

리액트로 프로젝트를 진행하다보면 무조건 알아야될 가장 기초적인 개념이라고 할 수 있는데, <React.StrictMode>은 무슨 역할을 하는 것이길래 항상 따라오는 것일까?대부분 처음엔 이 코드의 존재를 모르고 있다가 useEffect 훅을 사용하다 consol

리액트에서는 가상 돔을 사용한다. 가상 돔이란, 실제 DOM(Document Object Model)을 조작하는 방식이 아닌, 실제 DOM을 모방한 가상의 DOM을 구성해 원래 DOM과 비교하여 달라진 부분을 리렌더링 하는 방식으로 작동한다. 이 때 가상 돔을 잘 이해

상태 끌어올리기(Lifting State Up)는 리액트에서의 상태(useState)를 부모 컴포넌트로 올리는 일종의 패턴을 가리킨다. 기본적으로 리액트는 단방향 데이터 흐름(One-way Data Flow)이라는 원칙을 가지고 있는데, 원칙에 따라 하위 컴포넌트는 상

In React, displaying 1000 elements would require in the order of one billion comparisons. This is far too expensive. Instead, React implements a heuri

useState의 비동기적 속성과 batching 리액트에서 setState를 통해 상태를 업데이트할 경우, 업데이트된 상태는 즉시 반영되지 않는다. 이유는 setState가 비동기적으로 작동하기 때문이다. 리렌더링이 된 후에야 업데이트된 state가 반영된다. 리액트

useCallback이란? 특정 함수를 새로 만들지 않고 재사용하고 싶은 경우 사용할 수 있는 함수 메모이제이션(memoization)용 리액트 훅이다. 이를 통해서 불필요한 함수 생성을 줄이고 성능을 최적화 할 수 있게 해준다. useMemo와의 간단한 차이점이라고