react - 1. SPA, React란? SPA, React 에 대해서

책 "learning React" 의 내용을 복습 차원에서 정리한 내용입니다.

AJAX 가 생기면서 단일페이지 앱(Single-page Application) SPA 가 생겼다.

자바스크립트를 사용해 DOM 변경을 효율적으로 처리하는 일은 아주 복잡하고 시간이 오래 걸리는 일이다.

이에 대한 해법이 리액트다.

React.js는 한가지 문제를 해결하기 위해서 만들어졌다,

시시각각으로 변화하는 데이터를 사용하는 큰 규모의 애플리케이션을 만들기 위해서 이다.

리액트는 브라우저 DOM을 갱신 하기 위해 만든 라이브러리다.

우리는 DOM API를 직접 조작 하지 않고 리액트 엘리먼트로 이루어진 가상돔을 다루거나 리액트가 UI를 생성하고 브라우저와 상호 작용하기 위해 사용하는 몇가지 명령을 다룬다.

리액트 엘리먼트는 개념상 HTML 엘리먼트와 비슷하지만 실제로는 자바스크립트 객체다.

DOM API를 직접 다루는 것보다 자바스크립트 객체인 가상 DOM을 직접 다루는 편이 훨씬 빠르다.

우리가 가상 DOM을 변경하면 리액트는 DOM API를 사용해 변경사항을 가장 효율적으로 렌더링 해준다.