TIL 8. React 이해하기

✻ React의 정의

• React는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.

• React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있다.

✻ React의 특징

• 리액트로 만들어진 앱을 이루는 최소한의 단위가 컴포넌트라는 것이며,
  기능을 단위별로 캡슐화한 단위를 말합니다
  리액트에서는 재사용 가능한 UI를 컴포넌트라 이야기한다.

• 단방향 데이터 흐름(부모컴포넌트로부터 자식컴포넌트에게만 데이터 전달이 가능)을 가지고 있으며, 코드의 양을 줄이거나 단순화하려는 목적이 아니라 유지보수를 좀 더 편리하게 할 수 있도록 해주는 역할을 하고 있다.

• JSX라는 가독성이 좋도록 기존 자바스크립트 문법을 이용한 자바스크립트의 확장된 버전의 언어를 사용하고 이는 리액트(React)에서의 요소(Element)를 제공한다.

•  props 와 state 는 둘다 일반 JavaScript 객체이다.
  두 객체 모두 렌더링 결과물에 영향을 주는 데이터를 갖고 있으나 
  props는 함수의 매개변수처럼 컴포넌트에 전달 (전달받은 컴포넌트에서 수정 불가) state는 함수 내에 선언된 변수처럼 컴포넌트 안에서 관리된다.
  (선언된 컴포넌트 내부에서 수정 가능)

• Virtual DOM은 가상의 Document Object Model을 말한다.
  리액트는 가상의 DOM을 만들어서 진짜 DOM과 비교하여 변경 사항이 있을 경우 전체를 새롭게 만드는게 아니라 변경된 부분만 진짜 DOM의 반영하는 방식으로 작업을 수행함으로써 앱의 효율성과 속도를 높일 수 있게 된다.