[React 요약 정리] 1. React 개요

1. React 개요

1) React란?

- React: UI 컴포넌트 라이브러리

*UI 컴포넌트 라이브러리: 매우 독립적이며 특정 관심사에 집중된 기능 블록

- 효율적인 프론트 엔드 개발을 위한 새로운 방식 제시

- 페이스북, 넷플릭스, 에어비앤비 등의 기업에서 React 활용

- 공식 웹사이트 설명: '변화하는 데이터를 다루는 거대한 어플리케이션 개발'의 문제 해결

2) React의 장점

- 단순한 앱 개발

선언형 스타일: 명령형 스타일에 비해 코드에 대한 이해도와 가독성 증가, UI 요소를 선언형 스타일로 작성한 후 뷰에 변경이 발생하는 경우 React가 스스로 갱신

*예시

var arr=[1,2,3,4,5], arr2=arr.map((v, i)=> v*2)

console.log(arr2);

결과 => (5) [2, 4, 6, 8, 10]

- 강력한 추상화

내부의 인터페이스는 숨기고 정규화 과정을 거친 합성 메소드와 속성 제공

터치 이벤트에 대해서도 합성 이벤트 제공 -> 모바일 기기용 웹, 앱 개발시 유용

서버 측 렌더링 기능으로 검색 엔진 최적화와 성능 개선에 유용

- 빠른 UI

React의 가상 DOM은 자바스크립트 메모리에만 존재

데이터 변경 시 가상 DOM을 먼저 비교 후 필요한 경우에만 실제 DOM에 렌더링

- 코드량 감소

커뮤니티가 활성화되어 수 많은 라이브러리와 컴포넌트 활용 가능

- 호환성

컴포넌트에 자바스크립트만 사용했으며 한 가지 기능을 위해 기술을 분리하지 않음

3) React의 단점

- 제한적인 기능

- 단방향 데이터 바인딩만 제공