[리액트를 다루는 기술] 1. 시작하기

* 김민준 저자님의 <리액트를 다루는 기술> 책을 보고 정리해 놓은 글입니다. 가볍게 일독을 마친 상태이고 모르는 부분 위주로 정리하고 구글링을 해서 도움이 되는 자료를 정리하겠습니다.

1. 컴포넌트

- 특정 부분이 어떻게 생길지 정하는 선언체

2. 랜더링

- 사용자 화면에 뷰를 보여주는 것

3. 랜더함수

- render(){...}

- 랜더링이 끝나면 지니고 있는 정보들을

사용하여 HTMP 마크업을 만들고, 이를 우리가 정하는 실제 페이지의 DOM 요소 안에 주입

4. DOM이란?

- 자바스크립트는 웹 브라우저 기반 위에서 작동

- BOM 브라우저 오브젝트 중에 하나이다.

- 최상위 객체는 window, 하위 객체가 바로 DOM

- 웹브라우저가 Html 페이지를 인식하는 방법

- document 객체와 관련된 객체의 집합

6, 초기 랜더링

랜더링 -> html 마크업 -> DOM => 웹페이지

7, 조화 과정

- 뷰를 업데이트 할때 : 업데이트 과정을 거친다 -> 조화(reconcilation)을 거친다

- 두가지 뷰를 최소한의 연산으로 비교,  둘의 차이를 알아내 최소한의 연산으로 DOM 트리를 업데이트

8. virtural DOM

- DOM: 객체로 문서 구조를 표현하는 방법 -> XML, HTML로 작성

- 자바스크립트를 통해서 동적으로 만들자.

9. 웹브라우저에 실제 DOM을 업데이트하는 경우

1) 데이터를 업데이트하면 전체 UI를 virtuarl DOM에 리랜더링

2) 이전 가상 DOM에 있는 내용과 현재 내용 비교

3) 바뀐 부분만 실제 DOM에 적용

10. Node.js

- 자바스크립트 런타임(프로그램이 구동되는 환경)

"파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"