React Hook이 동작하는 방식

React Hooks React의 hooks API는 v16.8부터 등장해 대-함수 컴포넌트 시대를 열었다. 그 이전에는 클래스 컴포넌트와 함수 컴포넌트의 구분이 철저했고, 함수 컴포넌트는 주류가 아니었다. 클래스 컴포넌트가 할 수 있는 생명주기 관리같은 일들을 함수

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

Critical Rendering Path 관점에서 본 React의 장단점

렌더링? 웹 프로그래밍 관점에서 렌더링은 'HTML 파일을 분석해 내용에 맞게 화면에 그려주는 과정'을 말한다. 브라우저는 Rendering Engine과 JavaScript Engine을 모두 갖고 있고, 둘은 엄연히 다르다. Rendering Engine은 HTM

2021년 12월 20일
·
0개의 댓글
·
post-thumbnail

React Suspense & ErrorBoundary 직접 만들기

React.Suspense 는 리액트 16.6버전에 출시된 따끈따끈한 신기능이다. JS 번들의 Lazy Loading을 위해 추가되었고, React.lazy 와 함께 사용하면 자동으로 번들링된 코드가 스플릿되어 초기 렌더링 시간을 줄일 수 있는 좋은 기능이다.

2021년 11월 30일
·
0개의 댓글
·