모던 리액트 Deep Dive

JSX는 흔히 개발자들이 알고 있는 XML과 유사한 내장형 구문이다. JSX가 포함된 구문을 아무런 처리 없이 그대로 실행하면 에러가 발생하며, 반드시 트랜스파일러를 거쳐야 비로소 자바스크립트 런타임이 이해할 수 있는 의미 있는 자바스크립트 코드로 변환된다. JSX의

🌐DOM과 브라우저 렌더링 과정 DOM DOM은 웹페이지에 대한 인터페이스로 브라우저가 웹페이지의 콘텐츠와 구조를 어떻게 보여줄 지에 대한 정보를 담고있다. 브라우저가 렌더링하는 과정 브라우저가 사용자가 요청한 주소를 방문해 HTML 파일을 다운로드 브라우저의 렌

🏛️클래스형 컴포넌트 기본적으로 클래스 컴포넌트를 만들기 위해서는 클래스를 선언하고 extends로 만들고 싶은 컴포넌트를 extends 해야 한다. extends 구문에 넣을 수 있는 클래스 React.Component React.PureComponent

🎨리액트의 렌더링이란? > 리액트 애플리케이션 트리 안에 있는 모든 컴포넌트들이 현재 자신들이 가지고 있는 props와 state의 값을 기반으로 어떻게 UI를 구성하고 이를 바탕으로 어떤 DOM 결과를 브라우저에 제공할 것인지 계산하는 일련의 과정 🔄리액트의 렌

useMemo, useCallback, memo는 리액트에서 발생하는 렌더링을 최소한으로 줄이기 위해서 제공된다. 이러한 메모이제이션은 언제 사용하는 것이 좋을까? ⚠️주장 1: 섣부른 최적화는 독이다. 꼭 필요한 곳에만 메모이제이션을 추가하자. 메모이제이션도 비용이