# component instance

1개의 포스트

리액트 동작 원리 파트1: 리액트 요소 트리를 만드는 과정

서론 리액트는, 리액트 요소 트리를 만들고, 리액트 요소 트리를 비교하여, 실제 DOM을 어떻게 수정할지 결정한다. 그렇기에, 리액트 요소 트리를 이해하는 것이 중요한데, 리액트 요소 트리를 만드는 과정을 같이 살펴보자. 본론 단어 설명 리액트 컴포넌트와 인스턴스 그리고 요소는, 리액트 요소 트리를 만드는 과정을 이해하기 위해, 알아야 하는 개념이다. 이미, 해당 개념을 접하고 다뤄봤다고 가정한 상태에서, 짧게 설명하겠다. 컴포넌트 추상적으로 컴포넌트는, '재사용과 디버깅의 용이성을 위해, 연관 있는 html, css, javascript의 코드를 묶어 만든 대상'이다. 리액트에서는 추상적인 개념인 컴포넌트를, '리액트 요소를 출력으로 갖는 클래스와 함수'로 구현했다. 클래스형 컴포넌트는, React.Component 클래스를 상속받는 클래스이며, 리액트 요소를 반환하는 render 메소드를 갖는다. 함수형 컴포넌트는, props를 입력으로 갖고, 리

2022년 8월 12일
·
0개의 댓글
·