React/DOM
-
Virtual DOMReact/DOM 2021. 10. 25. 22:49
이 글은 Virtual DOM(가상 Document Object Model)에 관한 내용을 정리하기 위해 작성하였습니다. In usually, Whenever the browser detects a change to the DOM, it repaints the entire page using new version of the DOM. -> It's too Time-Consuming! (Manipulating the DOM is slow. Manipulating the virtual DOM is much faster, because nothing gets drawn onscreen.) So, To prevent unnecessary repaints(Only repaints updated el..
-
DOM (3)React/DOM 2021. 10. 23. 18:45
이 글은 자바스크립트의 DOM(Document Object Model)에 관한 기본 개념 및 문법을 정리하기 위해 작성하였습니다. Events are user interactions and browser manipulations that you can program to trigger functionality. - A mouse clicking on a button - Webpage files loading in the browser - A user swiping right on an image It's like a Pavlovian. Event Firing : The ringing of the bell. Event Listener : The dog is trained..
-
DOM (2)React/DOM 2021. 10. 23. 12:47
이 글은 자바스크립트의 DOM(Document Object Model)에 관한 기본 개념 및 문법을 정리하기 위해 작성하였습니다. The document keyword allows you to access the root node of the DOM free. Before you can access a specific element in the page, first you must access the document structure itself. ex) // If you wanted to access element in your script document.body // This will return body element of that DOM. < Twea..
-
DOM (1)React/DOM 2021. 10. 22. 17:26
이 글은 자바스크립트의 DOM(Document Object Model)에 관한 기본 개념을 정리하기 위해 작성하였습니다. DOM is a representation of a webpage created by and stored in user's browser. To allow for web scripting languages to access, modify, and update the HTML File. (Think of the DOM as the link between an HTML and scripting languages) DOM is a language-agnostic structure implemented by browsers. The browser take..