쌤리

[REACT] React ?? 본문

UI 구현/React

[REACT] React ??

saml2l 2020. 6. 2. 11:21

React 에 대해 알아보자

  • REACT 는 프론트엔드에서 사용되는 자바스크립트 라이브러리  중 하나
  • 페이스북 개발자들에 의해 만들어진 라이브러리
  • REACT 는 :
    • 컴포넌트 component 기반
      • 컴포넌트란 UI 라는 큰 덩어리를 이루는 작은 요소들.
      • 컴포넌트로 나뉘어져 있어 코드를 파악하기 상대적으로 쉬움.
      • 재사용, 및 수정이 용이하다
    • Virtual DOM
      • Virtual DOM은 가상의 Document Object Model을 말한다.
      • 일반적으로 html코드를 짜고 웹 브라우저에서 html 파일을 열게되면, html코드들이 DOM을 만들게된다. 그리고 만약 html 코드의 특정 한 부분이 변경되게 된다면 전체 DOM을 새롭게 만들게 되어 비효율적인 구조이다.이러한 문제점들은 리액트에서 해결이 된다.
      • 리액트는 가상의 DOM을 만들어서 진짜 DOM과 비교하여 변경 사항이 있을 경우 전체를 새롭게 만드는게 아니라 변경된 부분만 진짜 DOM의 반영하는 방식으로 작업을 수행한다. 그럼으로써 앱의 효율성과 속도를 높일 수 있게 된다
      • 출처: https://velog.io/@stampid/React%EB%9E%80

Comments