🐶🦶 BLOG

이전 내용 복습 [WEB] - [React] 공식 문서 3. 엘리먼트 렌더링 [React] 공식 문서 3. 엘리먼트 렌더링 3. 엘리먼트 렌더링 엘리먼트 React 앱의 가장 작은 단위 일반 객체 React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 불변 객체, 엘리먼트 생성 이후 해당 엘리먼트의 자식이나 속성 변경 불가 nakyungim.tistory.com UI를 업데이트 하는 한 가지 방법 새로운 엘리먼트를 생성 후 이를 ReactDOM.render()로 전달 렌더링 된 출력값을 변경하기 위해 ReactDOM.render() 호출 5. State와 생명주기 목표 : 1. Clock 컴포넌트를 완전히 재사용하고 캡슐화 하기 2. 컴포넌트가 스스로 타이머 설정 and 매초 스스로 업데이..

3. 엘리먼트 렌더링 엘리먼트 React 앱의 가장 작은 단위 일반 객체 React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 불변 객체, 엘리먼트 생성 이후 해당 엘리먼트의 자식이나 속성 변경 불가 특정 시점의 UI를 보여줌 DOM에 엘리먼트 렌더링하기 루트 DOM 노드 index.html 파일 안의 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리 리액트 앱은 일반적으로 하나의 루트 돔 노드가 있음 리액트를 기존 앱에 통합하려는 경우 여러개의 루트 돔 노드가 있을 수 있음 index.js 파일 안의 const element = Hello, World; ReactDOM.render(element, document.getElementById('root')); React 앨리먼트..