[React] 2. 리액트 소개

리액트의 정의와 개념

• React : A JavaScript library for building user interfaces
  • 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리
• 라이브러리?
  • 자주 사용되는 기능들을 정리해 모아놓은 것. (”기능모음집”)
• 프레임워크 vs 라이브러리
  • 프레임워크 : Angular.js, Vue.js ⇒ 흐름의 제어 권한이 프레임워크에 있다.
  • 라이브러리 : React ⇒ 흐름의 제어 권한이 개발자에게 있다.

리액트의 장점

1. 빠른 업데이트와 렌더링 속도

• Virtual DOM 가상의 돔
  • DOM : 웹페이지를 정의하는 하나의 객체.
    • 하나의 웹사이트 정보를 모두 담고 있는 큰 그릇
• 업데이트해야하는 최소한의 부분만을 Virtual DOM이 찾아 업데이트함.

2. 컴포넌트 기반 ⇒ 재사용성 높아짐

• 레고 블록 조립하듯 컴포넌트들을 모아서 개발.
• 재사용성 (Reusability)
  

  

  • 다시 사용이 가능한 성질.
  • 재사용성이 높으면 장점 : 개발 기간이 단축된다, 유지보수가 용이하다.

3. 든든한 지원군

• Meta

리액트의 단점

1. 방대한 내용
2. 계속 바뀜.
3. 높은 상태관리 복잡도