리액트

리액트

프론트엔드 Javascript 프레임워크

Facebook에서 만든 Javascript라이브러리

UI구성 요소를 빌드하기 위한 도구

VirtualDOM 생성

브라우저의 DOM을 직접 조작하는 대신 React는 브라우저 DOM을 변경하기 전에 필요한 모든 조작을 수행하는 가상 DOM을 메모리에 생성한다.

• React는 변경된 데이터와 연동된 태그만 변경(rendering)
• ES6(ECMAScript6의 약자, ECMAScript 2015라고도 함)
• Bable?
  • Javascript 컴파일러
  • 최신 버전의 자바스크립트 문법(ES6)은 브라우저가 이해하지 못하기 때문에 Babel이 브라우저가 이해할 수 있는 문법(ES5)으로 변환
• React의 목표
  • 여러가지 방법으로 웹페이지에 HTML을 렌더링하는 것
  • ReactDO.render():HTML을 웹 페이지에 렌더링(지정된 HTML요노 내부에 지정된 HTML코드를 표시)

props는 전달용