[React] What is React ?

What is React ?

 

- React란 무엇인가?

 

Facebook에서 개발한 JavaScript 라이브러리로, 사용자 인터페이스를 만들기 위한 목적으로 만들어진 라이브러리입니다.

재사용 가능한 UI 컴포넌트 를 구축하고, 이를 조합하여 복잡한 UI를 만드는 데 중점을 둡니다.

선언적이고 효율적인 방식으로 UI를 설계할 수 있도록 도와주며, 단일 페이지 애플리케이션(SPA) 개발을 쉽게 만들어줍니다.

- React의 주요 특징과 개념

 

컴포넌트 기반 구조

React는 UI를 작은 독립적인 컴포넌트로 나누어 개발하는 컴포넌트 기반 구조를 가지고 있습니다. 각 컴포넌트는 자체적으로 상태(state)와 생명주기(lifecycle)를 관리하며, 필요에 따라 재사용이 가능합니다.

가상 DOM (Virtual DOM)

React는 가상 DOM을 사용하여 성능을 최적화합니다. 실제 DOM 조작 대신 가상 DOM을 조작하고, 실제 DOM과의 차이를 최소화하여 효율적으로 UI를 업데이트합니다.

JSX (JavaScript XML)

React 코드는 JSX를 사용하여 작성됩니다. JSX는 JavaScript의 확장 문법으로, XML/HTML과 유사한 구문으로 UI를 표현할 수 있도록 도와줍니다. JSX는 JavaScript로 변환되어 브라우저에서 실행됩니다.+ TSX typescript의 확장 문법도 있습니다.

단방향 데이터 바인딩

React에서는 단방향 데이터 바인딩을 채택하여 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달합니다. 이로써 데이터의 흐름이 단순해지고 예측 가능해집니다.

컴포넌트 생명주기

React 컴포넌트는 여러 생명주기 메서드를 가지고 있습니다. 이를 통해 컴포넌트가 마운트, 언마운트, 업데이트 등의 단계에서 필요한 작업을 수행할 수 있습니다.

React Router

React Router는 React 기반의 싱글 페이지 애플리케이션에서 라우팅을 관리하는 도구입니다. 페이지 간의 전환 및 네비게이션을 쉽게 처리할 수 있도록 도와줍니다.