React 이전
Jquery , Backbone, AngularJS
2006년 Jquery 등장 이후 Dom을 다루는 형식으로 표준 처럼 사용되었다.
Backbone과 AngularJS역시 돔을 다루는 중요한 방법으로 Jquery 사용.
React 등장
- Facebook이 만든 Javascript 라이브러리
- Facebook, Netflix, Dropbox, Twitter, Evernote, Uber 등 많이 사용함.
- View 라이브러리이다.
그래서 왜 React가 나왔는데?
-
기존 웹 프로젝트가 거대해지면, 코드의 양도 자연스럽게 증가
→ 기존 html, js 코드들이 분리되지 않기에 코드 가독성이 매우 낮아짐.
→ 관리의 효율이 매우 떨어진다.
-
React는 Component와 Module로 어느정도 해결.
→ 뚜렷한 의미를 가지는 클래스들의 모듈화!
Component
- Ui를 구성하는 개별적인 뷰 단위.
- Component들이 결합되어 앱이 탄생.
- Component의 핵심은 쉽게 재사용이 가능하게!
→ 복잡한 화면을 각자의 개념으로 작은 단위로 쪼개고, 해결한 뒤, 다시 합쳐 해결!
→ 개념으로 쪼개다?? : 해결하는 방법을 각자가 가지고 있고 외부에서는 알 필요가 없다.
Jsx
- React를 위해 태어난 새로운 js문법.
- 기존 js는 화면을 표현하기 불편하기 때문에 등장.
Virtual DOM
- 이것을 가능하게 해주는 것이 Virtual Dom이다.
- React Component 는 Render를 호출. 결과값을 Return한다.
- React 는 새로운 Return 값을 가지고 새로운 Virtual DOM을 생성.
- 현재 브라우저에 보여지고 있는 진짜 DOM과 비교하여 차이점을 찾아냄.
- 차이점이 새긴다면 실제 Virtual DOM → DOM 적용.
'React' 카테고리의 다른 글
[React] SPA란? (1) | 2020.02.01 |
---|