React 시작하기

React

● 사용자 인터페이스 UI를 만들기 위한 JavaScript 라이브러리

● Facebook (Meta) 에서 만든 오픈소스 프로젝트

● MVC 애플리케이션의 View에 관련된 영역만 담당

● 컴포넌트 기반 라이브러리 (재사용성)

● Virtual DOM 사용

 

참고. MVC 구조와 리액트

● 소프트웨어 디자인 패턴 중 하나

● Model + View + Controller 로 구성

  - Model : 데이터를 관리하는 영역

  - View : 사용자에게 보이는 부분 (사용자 인터페이스 영역)

               Model로 부터 데이터를 가져와 의미있는 데이터 모델을 표현하는 영역

  - Controller : 모델 데이터를 조회, 수정 / 변경된 사항을 View에 반영

● React는 View에 관련된 영역만 처리

   (다른 프레임워크/라이브버리와 혼용 가능하다.)

 

ES2015+

● ES (ECMAScript)

  ECMA-262 규격에 의해 정의된 범용 스크립트 언어

  (ECMA-262 : 범용 목적의 스크립트 언어, JavaScript를 표준화하기 위해 개발)

 

* ECMA (European Computer ManuFacturers Association) : 유럽 컴퓨터 제조사 협회

 

● JavaScript

  ECMAScript 사양을 준수하는 스크립트 언어

  ECMAScript 기반에 브라우저 처리 (BOM)와 도큐먼트 처리 (DOM) 추가 => ECMAScript + BOM + DOM

 

● ES6

   ECMA-262의 여섯 번째 버전 (ES2015, ECMAScript 2015)

   2015년 이후 매년 개정 (ES6(표준화), ES7, ES8, … -> 다 포함해서 ES6+라고 한다.)