리액트(React)란?
리액트는 프론트엔드 Javascript 프레임워크로 facebook에서 만든 Javascript 라이브러리이며, UI 구성 요소를 빌드하기 위한 도구이다. 또한. 리액트는 순수 자바스크립트이고 이 자바스크립트를 통해 컴포넌트로 만들어 나간다.
VirtualDom 생성
VirtualDom은 RealDom으로 변화가 적용되기 전에 앞단에서 변화를 다 수용하고 난 다음에 최종적인 결과를 Real Dom에 전달해주는 역할을 하기 때문에 Real Dom에서 받을 연산들을 VirtualDom에서 진행이 되어 딱 한 번의 전달만 이루어지므로, 연산의 횟수가 줄어든다.
* VirtualDom이란?
: 리액트는 SPA(Single Page Application)이기 때문에 Dom에 조직이 많이 발생하는데, 이를 활용하기 위해 사용하는 가장의 dom이다.
React는 변경된 데이터와 연동된 태그만 변경(rendering)
ES6(ECMAScript6의 약자)
Babel이란?
Javascript 컴파일러로, 최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못하기 때문(브라우저가 이해할 수 있는 것은 html, css, javascript 뿐이며 이것들만 사용 가능)에 Babel이 브라우저가 이해할 수 있는 문법으로 변환해주는 역할을 한다.
즉, 하기 때문에 babel을 이용하는 것이다.
React의 목표
리액트는 여러가지 방법으로 웹 페이지에 HTML을 렌더링하는 것으로 아래와 같이 사용되며, 사용자에게 궁극적으로 배포되어 지는 것은 index.html이다.
ReactDom.render(); // 지정된 HTML 요소 내부에 지정된 HTML 코드를 표시
'공부 자료 > 리액트[React]' 카테고리의 다른 글
| [React] Class 컴포넌트 & Function 컴포넌트 (0) | 2023.10.25 |
|---|---|
| [React] 라이프 사이클 메서드 (0) | 2023.10.24 |
| [React] 리액트 애플리케이션 생성 및 실행 (0) | 2023.10.20 |
| [React] 리액트 설치(create-react-app) 시 permission 에러 해결 (1) | 2023.10.20 |
| [React] 리액트 사용을 위한 node.js 설치 (0) | 2023.10.20 |
