React - 기본

REACT

React는 사용자 인터페이스(UI)를 구성하기 위한 JavaScript 라이브러리

React의 주요 목표는 빠르고 효율적인 렌더링을

통해 동적인 웹 애플리케이션을 만들 수 있게 해주는 것

 

컴포넌트 기반 UI 개발

React의 가장 큰 특징은 컴포넌트(Component) 기반의 구조

애플리케이션을 작은 컴포넌트로 분할하고

각각의 컴포넌트가 독립적으로 UI를 렌더링하고 상태를 관리하도록 함

이러한 구조는 코드의 재사용성을 높이고, 애플리케이션의 유지보수와 관리가 용이하게 해줌

 

상태(State) 관리

React에서는 상태(State)라는 개념을 통해 컴포넌트의 데이터를 관리

사용자의 입력이나 다른 이벤트에 따라 상태가 변경되면

React는 자동으로 UI를 업데이트하여 최신 상태를 반영함

이 과정을 통해 동적인 웹 애플리케이션을 쉽게 만들 수 있음

 

 

React의 주요 장점

재사용성

React는 컴포넌트 단위로 UI를 나누어 개발하기 때문에 컴포넌트 재사용이 가능

예를 들어 로그인 폼이나 버튼 등의 UI 요소를 한 번 만들어 두고 여러 곳에서 재사용할 수 있음

효율적인 업데이트

React는 가상 DOM(Virtual DOM)을 사용해

실제 DOM에 대한 변경을 최소화하고 성능을 최적화

상태가 변경되면 먼저 가상 DOM에서 변화를 감지하고

실제 DOM과 비교하여 최소한의 변경만 적용

유지보수 용이성

컴포넌트 기반의 구조 덕분에 React 애플리케이션은 모듈화되어 유지보수가 용이

코드가 잘 나누어져 있어 각 컴포넌트의 동작을 독립적으로 수정하거나 추가할 수 있음