DOM API
•
DOM의 동적 변경을 위해 웹에서 제공하는 API
•
ID 선택자 또는 Class 선택자를 활용해 DOM 선택가능
•
브라우저 별로 DOM API와 스펙이 각가 다름
jQuery
•
직관 적으로 DOM API를 건드릴 수 있음
•
매우 느림
•
여러 코드로 wrapping 되어있어 실제 태그 추가까지 상당히 많은 과정을 거침 → 과거 크로스 브라우징 이슈를 해결하기위해 기존 네이티브 코드를 수없이 많은 코드들로 wrapping 하여 제공
React
VirtualDOM
•
DOM의 형태를 본떠 만든 객체
•
메모리에 존재
JSX
•
개발편의성을 위해 존재하는 문법, Babel에서 createElement로 트랜스파일 해줌
•
보다 편하고 간단하게 가상돔을 만들수 있도록 해줌