목록rendering (1)

코딩왕랄프👊🏻

[React] 렌더링(Rendering)

Rendering은 사용자 화면에 View를 보여주는 것을 의미한다. 리액트는 어떤 방식으로 View를 render하길래 데이터가 변할 때 마다 새롭게 렌더링하면서 성능을 아끼고, 최적의 사용자 경험을 제공할까? 이를 이해하기 위해서는 '초기 렌더링'과 '리렌더링'의 개념을 이해하고 있어야 한다. "초기 렌더링" 어떤 프레임워크를 사용하든, 맨 처음 어떻게 보일지를 정하는 초기 렌더링이 필요하다. 렌더링을 해주는 함수로 render(){..}가 있는데, 이 함수는 컴포넌트가 어떻게 생겼는지 정의하는 역할을 한다. 컴포넌트 내부에는 또 다른 컴포넌트가 들어갈 수 있으며, render는 그 내부에 있는 컴포넌트도 재귀적으로 렌더링하게 한다. 이 최상위 컴포넌트의 렌더링 작업이 끝나면 가지고 있는 정보를 사용..
React 2022. 2. 10. 15:29
이전 Prev 1 Next 다음