본문 바로가기
React

[React] React란

by sssooon 2024. 10. 25.

React는 FaceBook에서 만든 웹 및 사용자 인터페이스를 위한 JavaScript 라이브러리다.

 

개발자가 JS 파일에 HTML과 유사한 코드를 작성해 JSX라는 구문으로 UI 구성 요소에 중복성을 제거하고 쉽게 관리할 수 있도록 한다.

JavaScript의 경우 DOM 객체의 ID를 가져와서 식별자를 만들었지만 React는 식별자가 필요없다.

또한 이벤트시 DOM 전체가 바뀌는 것이 아니라 Virtual DOM이라 하여 변경된 부분만 DOM에 반영한다.

 

React가 Virtual DOM을 비교하는 원리

 

Vue와의 차이는 문법이다. React는 모든것이 JS에서 작동을 한다.

Vue는 내장 컴포넌트가 있지만 React는 컴포넌트를 만들어야 한다.

 

React는 컴포넌트 중심으로 돌아가기 때문에 복잡한 UI를 쪼개어 관리할 수 있어 재사용성과 유지보수성이 좋다.

싱글페이지. 즉 부모에서 자식 컴포넌트로 흐르는 구조이다.(트리구조)

단방향 데이트 흐름을 통해 안정적인 코드를 제공하고 데이터는 항상 일정한 장소에 있고 그 장소에서만 변경이 가능한 것을 뜻한다.

 

 

 

 

 

출처 :

https://okeybox.tistory.com/290

https://velog.io/@dongjun187/React-Virtual-DOM-기초-동작-원리

'React' 카테고리의 다른 글

[React] 컨포넌트에 props 전달  (1) 2025.05.12
[React] JSX  (0) 2025.05.12
[React] 컴포넌트  (0) 2025.05.12
[React] Vite로 React 시작하기  (0) 2024.10.25