리액트 초기 렌더링

리액트는 오로지 뷰만을 위한 라이브러리

 

초기 렌더링시에 render()함수가 실행됨

render함수는 가장 처음 어떻게 보일지를 정하는 렌더링에 사용되는 함수이다.

 

이 함수는 컴포넌트가 어떻게 생겼는지를 정의하는 역할을 합니다.

html 형식의 문자열을 반환하지 않고 뷰가 어떻게 생겼고 어떻게 작동하는지 정보를 지닌 객체를 반환단다.

 

컴포넌트안에 자식 컴포넌트가 있다면

자식 컴포넌트는 재귀적으로 렌더링된다.

 

 

 

재귀적이다 라는 말은

재귀함수처럼  자기자신을 호출하면 가장 마지막으로 호출한 함수부터 실행되잖아요.
그렇게 이해하시면될듯해요

 

최상위 컴포넌트의 렌더링 작업이 끝나면 지니고 있는 정보들을 사용하여 html 마크업을 하고

이를 우리가 정하는 실제 페이지의 DOM요소안에 주입된다.

 

초기 랜더링

1.렌더링 2. html 마크업  3. 마크업 => DOM에 주입