[React] React의 기본 개념 (Basic Concept of React.js)

Leah·2020년 12월 26일
0

React 1도 몰라요

목록 보기
1/3

What's the "React"?

  • 리액트는 자바스크립트 프레임워크의 한 종류
  • 페이스북 개발팀에서 개발한 프레임워크
  • MVC(Model-View-Controller) 패턴 중 'View'에 집중한 라이브러리
  • Virtual DOM을 사용하여 효율적인 View 구현 가능

화면의 어떤 부분이 변경되거나 속성이 변할 경우 빠르게 그 부분만 렌더링 해서 변경시켜주므로 빠르고 효율적인 코딩이 가능하다.

Important things of REACT

1. 컴포넌트(Component)

  • 재사용이 가능한 API
  • 컴포넌트 하나에서 생김새와 작동 방식을 정의

나는 Java 객체 클래스 처럼 사용하게 되었다. 맞는 사용 방법인지는 모르겠지만...

2. Virtual DOM(Document Object Model)

  • DOM : 객체로 문서를 표현하는 방법. 자바스크립트와 CSS가 들어있고 브라우저가 해석하여 적용시켜 줌
  • 뷰의 업데이트 되는 부분이 곧바로 DOM에 반영되지 않고 이전의 컴포넌트 정보와 비교하여 최소한의 연산으로 차이가 나는 부분만 DOM 트리를 업데이트

Reconciliation : 리액트에서의 뷰 업데이트를 부르는 말.
(한국어로 번역해서 조화과정 이라고 하는데 그냥 리컨실리에이션으로 외우는게 나을듯 ㅋㅋㅋ)

profile
Programmer since 2016

0개의 댓글