[React] React란?

---

1.React란?

오픈 소스 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하기 위해 사용됩니다.
리액트는 컴포넌트 기반 구조를 통해 복잡한 UI를 효율적으로 구성하고 관리할 수 있게 해줍니다.

 

 

 

 

 

 

2.React 특징

2-1.컴포넌트 기반 구조

리액트는 애플리케이션을 작은, 재사용 가능한 컴포넌트로 나누어 개발할 수 있게 합니다.
각 컴포넌트는 독립적이고, 자신만의 상태(state)와 생명 주기(lifecycle)를 가집니다.

 

 

 

2-2.가상 DOM(Virtual DOM)

리액트는 실제 DOM 대신 가상 DOM을 사용하여 빠른 UI 업데이트를 제공합니다.
변경 사항이 발생하면 가상 DOM이 변경된 부분을 찾아 실제 DOM에 최소한의 업데이트를 적용합니다.
이는 성능 향상에 큰 도움을 줍니다.

 

 

2-3.단방향 데이터 흐름

리액트는 단방향 데이터 흐름(One-way Data Binding)을 채택하여 데이터의 흐름이 명확하고 예측 가능하게 합니다. 데이터는 부모 컴포넌트에서 자식 컴포넌트로 전달됩니다.

 

 

 

2-4.JSX(JavaScript XML)

리액트는 JSX라는 자바스크립트 확장 문법을 사용합니다. JSX를 사용하면 자바스크립트 코드 내에서 HTML과 유사한 구문을 작성할 수 있어 UI 구성 요소를 정의하고 렌더링하는 것이 더 직관적이고 쉬워집니다.