2018~2019/React.js

리액트 정리하기

전기도둑 2018. 7. 6. 23:05

1. ReactJS란?


- Facebook에서 만든 UI Component 라이브러리

- 템플릿 언어가 없는 순수한 JavaScript 기반 

- 단방향 데이터 바인딩 : 데이터 ->  UI

- ReactDOM : 가상 DOM을 사용하여 브라우저에 이미 반영된 뷰와 새로운 뷰의 차이점을 찾아냄. 이 과정을 DOM 비교 또는 상태와 뷰의 보정이라고 부름. 가상 DOM은 자바스크립트 메모리에만 존재한다. 데이터를 변경하면 가상 DOM을 먼저 비교하고, 변경점이 있는 경우에만 실제 DOM을 렌더링함.


*SPA(Single-Page Application)

- 브라우저저 측에 로직이 더 많은 팻 클라이언트.

- HTML 렌더링, 입력값 검증, UI 변경 등의 기능을 브라우저에서 해결

- MVC 아키텍처를 이용하여 구현