all is well!!

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

👀  목표1.원시타입과 참조타입의 개념을 이해하기2.리액트에서 어떤식으로 값과 참조가 쓰이는지 이해하기3.배열 메소드를 적재적소에 잘 사용하기 👀  얕은 비교로 살펴보는 다양한 값 비교🟣 리액트에서의 얕은 비교얕은 비교는 객체의 참조주소만 똑같은지 비교한다.리액트에서 얕은 비교를 사용하는 이유는 상태가 변할때 페이지가 렌더링 되면 다른 상태값들이 일치하는지 체크하는데깊은 비교를 사용하면 안쪽의 depth까지 똑같은지 둘러보고 오기때문에 연산비용이 더 많이든다.그래서 빠르게 처리하기 위해서 리액트에서 렌더링할때 얕은 비교를 사용해서 state의 참조값이 다르면값이 바뀌었구나! 인지하고 재 렌더링 하게된다. 그래서 useState에 값을 변경할때 불변성을 지켜주기 위해 ...을 쓰거나 a.con..

👀  목표1. 컴포넌트가 언제 리렌더링 되는지 살펴보기2. 다양한 훅을 이해하고 사용하기 👀  React의 렌더링 라이프 사이클🟣 1. Trigger단어 그대로 렌더링을 시작하게끔 방아쇠를 당기는 과정. 언제 Trigger가 발동되나요?1. 첫번째 렌더링이 수행될때a. ReactDOM.createRoot(..).render()2. 컴포넌트의 state가 변경될 때a. 클래스 컴포넌트의 setState 메서드b. useState, useReducer등 상태변경 훅의 setter 함수 호출. 1. 렌더링 Batch 처리Trigger 과정에서 여러가지 작업을 한번에 묶어서 수행하는 Batch 기법을 사용한다.function Component() { const [count, setCount] = u..