본문 바로가기
🌳Frontend/react

[React] 렌더링과 컴포넌트 렌더링 순서

by Bㅐ추 2023. 4. 20.
728x90
반응형

렌더링이란 ?

https://enlight.nyc/projects/react-to-do-list

쉽게말하면, 화면에 UI요소가 그려지는 or 보여지는 동작을 말한다.

더 딥하게 설명하자면, 코드상에서 props 와 state 에 기반하여 컴포넌트가 그려지는 과정이 될 것이다.

위의 화면에서 사용자가 검색어를 입력하고, 리스트를 추가하고, 체크하고, 삭제하는 과정을 렌더링된다 라고 말할 수 있다.

 

리액트의 컴포넌트 렌더링 순서

리액트에서 컴포넌트 렌더링 순서는 최하단 컴포넌트 부터 시작해서 최상단 컴포넌트가 마지막 순서가 된다.

 

 

 

 

728x90
반응형

'🌳Frontend > react' 카테고리의 다른 글

MUI 설치  (0) 2023.05.18
React 의 의존성 배열의 얕은 비교  (0) 2023.05.17
Stop Using useMemo Now  (0) 2023.04.18
React.memo vs useMemo vs useEffect  (0) 2023.03.24
React 에서 주의해야하는 Event 와 addEventListener  (0) 2023.03.24