[React] 리액트 정의와 특징

리액트는 페이스북에서 개발하고 관리하는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리입니다. 데이터 기반의 선언적 개발이 가능해지며 자동으로 UI를 업데이트하는 과정에서 Virtual DOM(가상 돔)을 통해 최적화된 업데이트를 할 수 있습니다.

리액트의 특징

• 선언적
  원하는 결과, 화면에 그려지는 view에만 초점을 두고 원하는 모습을 선언해서 리액트에게 전달해주면 어떻게 하는지에 대한 중간과정은 리액트가 알아서 처리해줍니다.

virtual DOM
현대의 복잡하고 규모가 큰 웹 애플리케이션에서는 상호작용이 많은 만큼 DOM 조작이 많이 발생합니다. 이때 DOM을 조작할 때마다 위와 같은 작업을 수행하게 되면 수백, 수천 개의 요소를 새로 그려야 하기 때문에 성능이 저하되고, 전체적인 프로세스를 비효율적으로 만듭니다. 이런 문제를 해결하기 위해서 리액트는 이전 UI 상태를 메모리에 유지하는 가상 DOM을 통해 변경될 UI의 최소 집합을 계산하여 DOM 처리 횟수를 최소화하고 효율적으로 진행합니다.

컴포넌트 정의
프론트엔드 개발에서 컴포넌트랑 재활용 가능한 UI 구성 단위를 의미합니닫.

컴포넌트의 특징
1.필요한 곳에서 재사용할 수 있습니다.
2.독립적으로 사용할 수 있기 때문에 코드의 유지보수에 좋습니다.
3.또 다른 컴포넌트를 포함할 수 있습니다.
4. 해당 페이지가 어떻게 구성되어 있는지 한눈에 파악하기 좋습니다.

컴포넌트의 종류
컴포넌트의 종류, 즉 컴포넌트를 선언하는 발식에는 Class Component(클래스 컴포넌트)와 Function Component(함수 컴포넌트) 두가지가 있다.

2.함수 컴포넌트