< DOM, Virtual DOM, 그리고 CDN > 안녕하세요! 이번에는 DOM(Document Object Model), Virtual DOM 그리고 CDN(Contents Delivery Network)에 관해 간략하게 작성해보았습니다. 글 전문은 맨 아래 링크를 확인해주세요! ✅ DOM의 구현 과정인 렌더링(Rendering) 과정을 한 번 간단하게 적어보았고, 해당 렌더링 과정을 통해 Virtual DOM을 쓰는 이유를 알아보았습니다. ✅ 그리고 간단하게 DOM과 Virtual DOM의 차이점을 알아보기 위해 시계가 업데이트 되는 코드를 바닐라 자바스크립트와 리액트로 구현하여 비교해보았습니다. ✅ 끝으로 결국 자바스크립트 엔진도 날이 갈수록 좋아지고, DOM 자체적으로도 베치(Batch) 작업이 이뤄지기 때문에 Virtual DOM의 사용 목적은 속도에 중점이라기 보다는 유지보수에 있어 장점이 있는 결론을 도출해봤습니다. ... Virtual DOM은 DOM 만큼 충분히 빠른 속도를 내면서 더 효율적으로 DOM을 관리할 수 있게 해주기 때문에 큰 규모의 애플리케이션을 구축하고 유지보수할 때 유용하다. … 백엔드 개발자라 프론트엔드의 기본적인 개념들을 한 번 공부해보고 싶었는데 이번에 한 번 여러 가지 알아봤습니다. 다음에는 JSX 등에 대해 알아보고, 추후 시간이 된다면 내부적인 Virutal DOM의 재조정(Reconciliation) 알고리즘을 분석해 볼 생각입니다. https://weekwith.tistory.com/entry/React%EC%9D%98-%EB%AA%A8%EB%93%A0-%EA%B2%83-01-DOM%EA%B3%BC-Virtual-DOM-%EA%B7%B8%EB%A6%AC%EA%B3%A0-CDN
로그인 후 모든 글을 볼 수 있습니다.