Virtual DOM 을 왜 쓰나요?

React 를 완벽하게 이해한다고 생각했지만 Virtual DOM 을 왜 쓰는건지? 자세하게는 알지 못한다고 생각해서 간단하게 정리해 봤습니다. DOMvirtual DOM 을 이해하기 전에 간단하게 DOM 이 무엇인지 짚고 넘어가겠습니다.   DOM은 Document Object Model의 약자입니다.웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미합니다. 간단히 말해, 웹 페이지의 모든 요소들을 객체로 표현하고, 이들 객체 간의 관계를 정의합니다. virtual DOM vs DOM 실제 DOM에는 브라우저가 화면을 그리는데 필요한 모든 정보가 들어있어 실제 DOM을 조작하는 작업이 무겁습니다.그래서 React에서는 실제 DOM의 변경 사항을 빠르..

• format_list_bulleted CS
• · 2024. 5. 11.
• textsms

Package.json, Package-lock.json

package.json package.json 내에 기재되어 있는 것은 현재 사용하고 있는 모듈이나 라이브러리에 대한 정보가 적혀 있습니다.   Package.json 의 구조  name - 프로젝트의 이름을 정의합니다.version - 프로젝트의 버전을 정의합니다.description - 프로젝트에 대한 간단한 설명을 제공합니다.main - 프로젝트의 주 진입점 파일을 정의합니다.scripts - 프로젝트에서 사용할 수 있는 스크립트를 정의합닌다.repository - 프로젝트의 Git 저장소 정보를 정의합니다.keywords - 프로젝트와 관련된 키워드를 정의할 수 있습니다.author - 프로젝트의 작성자 정보를 정의합니다.license - 프로젝트의 라이선스를 정의합니다.bugs - 프로젝트의 버..

• format_list_bulleted CS
• · 2024. 5. 2.
• textsms