REACT | 처음 만난 리액트 - 1. 리액트 소개

1. 리액트는 무엇인가?

사용자 인터페이스를 만들기 위한 javascript 라이브러리

- 라이브러리: 자주 사용되는 기능들을 정리해 모아 놓은 것

- 사용자 인터페이스(UI): 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간 입력과 출력을 제어해 주는 것

=> UI 라이브러리

ex) AngularJS, React, Vue.js

 

프레임워크 vs 라이브러리

- 프레임워크: 제어 권한이 프레임워크에 있음

- 라이브러리: 제어 권한이 개발자에게 있음

 

2. 리액트의 장점

- 빠른 업데이트 & 렌더링 속도

Virtual DOM: 가상의 DOM(Document Object Model, 웹페이지를 정의하는 하나의 객체)

DOM은 HTML element들을 tree 형태로 표현한 것, Virtual DOM은 이러한 DOM을 복사본 형태로 가지고 있는 것

<참고>

리액트는 항상 두개의 가상돔 객체를 가지고 있습니다.

1. 렌더링 이전 화면 구조를 나타내는 가상돔
2. 렌더링 이후에 보이게 될 화면 구조를 나타내는 가상돔

- Component-Based

왜 컴포넌트를 통한 개발을 할까?

=> 재사용성이 높기 때문

의존성 및 호환성 문제 고려

재사용성이 높은 것의 장점

1. 개발 기간이 단축됨

2. 유지 보수가 용이함

... 등

 

3. 리엑트의 단점

- 방대한 학습량

- 계속 바뀜..

- 높은 상태관리 복잡도(state..)