React

- React란?

페이스북에서 만든 유저 인터페이스(UI)를 만들기 위한 JavaScript 기반 라이브러리

 

- 왜 사용할까?

사용자와의 인터렉션을 UI로 쉽게 구현하고, 대규모의 복잡한 동적인 웹페이지를 관리하기 위해 사용

브라우저 전체를 새로고침하지 않고도 컨텐츠를 빠르게 변경 가능

 

- 주요 특징

  1. 컴포넌트

   컴포넌트는 UI를 구성하는 개별 단위이다.
   페이지는 컴포넌트의 조합인 느낌

 

  2. 단방향 데이터 흐름 (Flux 패턴)

    부모로부터 자식으로만 데이터를 전달할 수 있다.

    유지보수가 더 편함

     

  3. 가상 DOM

    DOM은 Document Object Model의 약자이며, HTML, XML, CSS 등을 트리 구조로 인식하고 데이터를 객체로 간주해 관리한다.

    HTML 코드를 브라우저에서 열게 되면 DOM이 브라우저에서 보이는 View를 만드는 식이다.

    JavaScript는 DOM을 조작할 수 있다. 이를 통해 눈에 보이는 값을 변경하는 등 웹을 동적으로 만든다.

    이벤트가 발생할 때마다 가상 DOM을 만들고 실제 DOM과 비교하여 변경 사항만 실제 DOM에 반영하여 효율성을 개선한다.