리액트에서 Chart.js 사용하여 차트를 그리고, 차트 영역 안쪽에 data-label 표기하는 방법을 소개합니다.

렌더링 과정에서의 Blocking rendering 문제를 해결하기 위해 React18 버전에선 useTransition 훅이 새롭게 등장했다.

state는 비동기적이며 처음 렌더링(마운팅)하기도 전에 동작한다. 이 때에 state가 정의되어있지 않았기 때문에 값은 undefined가 할당된다.

Automatic Batching은 Reaact가 성능 향상을 위해 여러 개의 state 업데이트를 다 처리한 후에 한 번에 재렌더링을 진행하는 기능이다.

학업 방식, 함수형 프로그래밍, DDD, 프론트엔드

settings.json 파일을 수정하면 리액트 코드 작성 시 emmet을 사용할 수 있다.