성빈
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+라고 한다.)
'React' 카테고리의 다른 글
JSX를 사용하는 리액트 (0) | 2023.11.03 |
---|---|
리액트의 작동 원리 (0) | 2023.11.01 |
자바스크립트를 활용한 함수형 프로그래밍 (0) | 2023.10.31 |
React를 위한 자바스크립트2 (0) | 2023.10.30 |
React를 위한 자바스크립트 (0) | 2023.10.28 |