React 개요, 시작

React

• 유저 인터페이스 만드는데 사용

• 라이브러리, 오직 View만!

• 데이터가 변경되면 변이 하는것이 아니라!

• 기존 뷰 빠이

• 새로운 뷰 생성( 랜더링 )

  • but 브라우저는 DOM기반이어서 계속 생성하면 성능적 문제가 발생, 리소스 많이 먹음...
  • VirtualDOM으로 해결하자!
  • 정말 변화가 필요한곳만!
  • RealDom과 VirtualDOM 변화 부분 비교해서 바뀐 부분 Patch!
    • (약간, git 협업할때랑 비슷하네..?)

• 엄밀히 말하면 뷰를 업데이트하는게 아니라 Reconciliation(조화)과정을 거치는 것

  DOM이란? (Document Object Model)
  문서 객체 모델!
  내가 작성한 코드가 브라우저에 파싱되면 DOM
  HTML , XML문서의 프로그래밍API
  문서 구조표현
  
  참조
  https://shldhee.github.io/2018/04/08/DOM/
  https://css-tricks.com/dom/
  
  Virtual DOM참조 
  https://youtu.be/muc2ZF0QIO4