리엑트 왜 쓸까?

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이다.

1. React Component 는 Render를 호출. 결과값을 Return한다.
2. React 는 새로운 Return 값을 가지고 새로운 Virtual DOM을 생성.
3. 현재 브라우저에 보여지고 있는 진짜 DOM과 비교하여 차이점을 찾아냄.
4. 차이점이 새긴다면 실제 Virtual DOM → DOM 적용.