Notice
Recent Posts
Recent Comments
Link
«   2025/03   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
Archives
Today
Total
관리 메뉴

성빈

React 시작하기 본문

React

React 시작하기

성빈나 2023. 10. 27. 22:33

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