react study

SeongYeon·2022년 1월 10일
0

- react를 한단어로 정리하면?

컴포넌트들로 이루어진, 뷰만 신경쓰는 라이브러리

- React의 특성 2가지?

독립적이다
구현한 함수는 재사용이 가능하다.

- DOM? Virtual DOM?

DOM

문서 객체 모델(Document Object Model)은 HTML, XML문서의 프로그래밍 interface
DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 도와주는 것.

Virtual DOM

가상 돔으로, 업데이트 되어야 하는 부분을 계산하여, 정말 필요한 부분만 업데이트가 된다.
실질적으로 보여지는 데이터만 변경될 뿐, 돔 트리에 영향을 주지 않는다.

- 브라우저 렌더링 원리

  1. 사용자가 브라우저 실행한다.
  2. 접속하고 싶은 사이트의 url를 주소창에 입력한다.
  3. 브라우저는 입력된 url의 서버에게 사이트 정보를 받아와 화면에 출력한다.
  4. 표현된 정보를 사용자가 활용한다.

0개의 댓글