패스트캠퍼스 챌린지 6일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

6일차

 6일차에는 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터에서 08. 리액트 리렌더링 알아보기 1과 09. 리액트 리렌더링 알아보기 2 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터에서 08. 리액트 리렌더링 알아보기 1 강의에서는 Vanilla JS의 리렌더링과 React 리렌더링의 차이점을 알아보는 시간을 갖는다. 먼저, Vanilla JS는 어떠한 부분에서 변경이 일어나면 그 부분만 변경을 하는게 아닌 Element 전체를 다시 그린다. 만약, 여러 Element를 포함하고 있는 한 Element가 있다고 가정했을 때, 여러 Element 중 한 Element가 리렌더링이 일어난다면 그 여러 Element를 전부 리렌더링 하게 되는 것이다. 하지만, React는 여러 Element를 포함하고 있는 한 Element가 있다고 Vanilla JS와 똑같이 가정을 해도, 여러 Element 중 한 Element가 리렌더링이 일어나게 된다면 전부 리렌더링이 되는 것이 아닌 그 한 Element만 리렌더링 되기 때문에, Element의 개수가 많아질수록 그 성능 차이는 크게 일어나게 된다.

Part 1. React 기초 Ch 01. React 맛보기 강의 챕터에서 09. 리액트 리렌더링 알아보기 2 강의에서는 리액트의 리렌더링을 좀 더 자세하게 공부하는 시간을 갖는다. React Element는 불변 객체이기 때문에 변경에 대한 판단 및 반영은 리액트가 한다. 여기서 리액트가 Element의 타입이 바뀌면 이전 Element는 버리고 새로 그리며 만약 타입이 같다면, key를 먼저 비교하고, props를 비교해서 변경사항을 반영한다.

 

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC