[React]리액트란?

김채현·2022년 7월 25일
0

TIL(Today I Learned..)

목록 보기
20/24

React

React는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됩니다.

  • React는 페이스북에서 제공해주는 프론트엔드 라이브러리
  • 싱글페이지 애플리케이션, 모바일 애플리케이션 개발시 토대로 사용

React 특징

  1. JSX 문법
    JSX 는 자바스크립트 안에서 HTML문법을 사용하여 view를 구성할 수 있도록 도와주는 자바스크립트 문법

  2. 컴포넌트 기반
    리액트는 컴포넌트 기반 라이브러리입니다. 컴포넌트 기반이라 함은 여러 부분을 분할해서 코드의 재사용과 유지보수성을 증가시켜 줍니다.

  3. Virtual DOM
    DOM은 Document Object Model의 약자입니다.
    DOM은 html, xml, CSS 등을 트리 구조로 인식하고, 데이터를 객체로 간주하고 관리합니다.

    React는 이 DOM Tree 구조와 같은 구조체를 Virtual DOM으로 가지고 있습니다.

    이벤트가 발생할 때마다 Virtual DOM을 만들고, 실제 DOM과 비교하고 변경이 필요한 최소한의 변경사항만 실제 DOM에 반영합니다. 이러한 방식은 앱의 효율성과 속도를 개선할 수 있습니다.

profile
꿈꾸는 개발자!

0개의 댓글