WEB 만들기 14 - 리액트란?

프론트의 시작 React JS

페이스북에서 만들어졌고 2013에 발표

 Components로 module과 비슷하게 컴포넘트로 이뤄져 있어서  reusable이 뛰어납니다. 

 

한파일에 모듈화 컴포넘트화 하면 편하게 쓸수 있다. 

 

Real Dom과 virual Dom

 

Real Dom은 10개의 리스트가 있을대 한가지의 리스트가 업데이트 되었다고 하자.

그러면 그 전체 리스트를 다시 리로드(Reload) 해줘야한다. 그래서

super expensive한 작업이 된다. 

 

virual Dom에서는 하나가 바뀌면 그 하나만 새로 가져올 수 있다. 

어떻게 한개만 바꿀수 있는지?

이 리스트들을 스냅샷으로 찍어놓고 스냅샷 찍은거랑 새로 살펴본것에서 차이 분석해서 그 부분만 realDom에서 바꿔주는것이다. 

 

Virual Domd은 Real Dom과  같은 Propertie들을 갖고 있으면 그냥 가볍게 Real Dom을 카피한것이라고 생각하면된다.

 

virual Dom의 흐름

 

 

 

 

 

 

이런 과정으로 진행됩니다.