JavaScript를 사용하여 HTML로 구성한 UI를 제어해 보셨다면, DOM을 변형시키기 위하여 브라우저의 DOM Selector API를 사용해서 특정 DOM을 선택한 뒤, 특정 이벤트가 발생하면 변화를 주도록 설정
웹 애플리케이션의 규모가 커지면서 사용자와의 인터랙션이 자주 발생하고, 이에 따라 동적으로 UI를 표현해 한다면 DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬움
리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작
속도와 성능 문제는 Virtual DOM으로 해결
Virtual DOM은 메모리에 가상으로 존재하는 DOM으로 (자바스크립트 객체) 변경 속도가 빠름
Virtual DOM과 브라우저 DOM을 비교하여 차이가 있는 곳을 감지 => 브라우저 DOM에 패치
이 글은 패스트캠퍼스 '프론트엔드(React)올인원패키지Online'을 수강하며 정리한 노트입니다.
https://fastcampus.co.kr/search?keyword=%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C
개발짜🏃♀️