Brad Westfall, React: "mount" vs "render"

🔹 렌더링

: 함수 컴포넌트가 호출될 때(클래스 컴포넌트에서 render 메소드 호출될 때) 발생. 호출하면 DOM 생성에 관한 지시 사항들이 반환된다.

🔹 마운팅

: 리액트가 최초로 컴포넌트를 렌더링할 때. 앞선 지시사항들로부터 첫 DOM을 실제로 빌드한다.

🔹 리렌더링

: 리액트가 함수 컴포넌트를 다시 호출하여 이미 마운트된 컴포넌트에 적용할 새로운 지시사항들을 가져온다.

 

🔸 클래스 컴포넌트

App의 인스턴스 생성 -> render 메소드 호출 [ 렌더링 ] -> DOM 빌드에 필요한 지시사항들을 얻음

- 최초의 렌더링인 경우, 컴포넌트가 마운트 한다고 표현

state가 변경 -> 리렌더; render 재호출 -> DOM 업데이트에 관한 새로운 지시사항이 반환 -> 재조정

 

🔸 함수 컴포넌트

함수가 호출 (렌더링) 되고, 마운트를 위한 지시사항들이 리턴

컴포넌트마다 각자의 스케쥴

 

---

• reacttraining.com/blog/mount-vs-render/