React.js란?

목차

1.React.js?

2.React.js의 특징

 

1.React.js?

React.js는 Facebook에서 개발한 오픈 소스 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하는 데 사용됩니다. 주로 단일 페이지 애플리케이션(SPA)과 복잡한 웹 애플리케이션의 뷰 계층을 구성하는 데 활용됩니다.

 

※SPA : SPA는 Single Page Application 의 약자로 웹 애플리케이션 또는 웹사이트가 하나의 HTML 페이지로 구성되고, 동적으로 콘텐츠를 업데이트하는 방식입니다. 사용자가 웹사이트를 탐색할 때, 전체 페이지를 새로 로드하지 않고 필요한 부분만을 서버에서 받아와 페이지를 업데이트를 합니다.

2.React.js의 특징

컴포넌트 기반 구조: 

React는 애플리케이션을 작은 독립적인 컴포넌트들로 나누어 개발합니다. 각 컴포넌트는 자체적인 상태(state)를 관리하고, UI의 특정 부분을 렌더링합니다.

 

Virtual DOM: 

React는 실제 DOM을 직접 조작하는 대신, Virtual DOM을 사용하여 변경 사항을 관리합니다. 이는 UI 업데이트를 더 빠르고 효율적으로 처리하게 합니다.

 

단방향 데이터 흐름: 

React에서는 데이터가 상위 컴포넌트에서 하위 컴포넌트로 단방향으로 흐릅니다. 이는 컴포넌트 간 데이터 흐름을 명확하고 예측 가능하게 만듭니다.

 

JSX (JavaScript XML): 

React는 JSX라는 문법을 사용하여 HTML과 같은 구조를 자바스크립트 코드 안에 작성할 수 있습니다. 이는 HTML과 JavaScript를 자연스럽게 결합하여 코드의 가독성을 높입니다.

 

상태 관리: 

React는 각 컴포넌트가 자체적으로 상태를 관리할 수 있도록 해줍니다. 상태 변경에 따라 컴포넌트가 다시 렌더링되며, UI는 항상 최신 상태를 반영합니다.