# DOM
DOM에 대해서
DOM이란? 브라우저를 이해할 수 있는 자신들만의 오브젝트로 변환하게 되는 것 ex) HTML의 ``가 javascript의 node라는 오브젝트로 변환됨. node라는 오브젝트는 EventTarget이라는 오브젝트를 상속한다. 즉 모든 node는 이벤트가 발생할 수

TIL_18 | [JS] DOM
web을 다루다 보면 DOM이라는 소리를 되게 자주 접하게 된다. 아니면 document라던가.. 도대체 DOM/document는 무엇일까?!🤔 Welcome DOM! >DOM이란 Document Object Model이라는 뜻으로 JS에서 HTML에 접근하여
.png?w=768)
Day-17 DOM
Dom: Document Object Model: Structured representation of html documents. Allows JavaScript to access html elements and styles to manipulate them -> co

React Virtual DOM 이해하기
React는 렌더링된 UI를 내부적으로 따로 만들어서 관리한다. 이는 React 컴포넌트가 반환한 JSX 엘리먼트(=JavaScript 객체)가 중첩된 구조(=트리 구조)로 이루어져 있다.React는 성능 향상을 위해 실제 렌더링된 UI를 내부적으로 JavaScript

2021 01 15 금 TIL - 16
DOMJavascriptIn My Note & My Privite Notion문서가 왜이리 안읽히는지.. 소리내서도 읽어도고 나중엔 정리하면서 읽으니 이해가 가는중이다. DOM 에 대한 이해가 이전보다 명확해졌다. 이전에는 DOM이라 하면 막연하게 마크업, html 이

[TIL 0] WEB 기초 / DOM / JavaScript 복습
210106 - 2101011 까지 한 내용 복습인터넷 강의를 들으면서 공부하고 있다.강좌는 Udemy의 The Complete 2021 Web Development Bootcamp를 듣고 있다. 영어강좌이다. 발음/억양이 상당히 좋아서 듣고 있다. 강사님의 역량도 좋

[DOM] 이벤트 캡쳐링, 버블링
위와 같이 중첩된 요소에서 element에 addEventListner로 click, scroll 등의 이벤트를 사용하는 경우, 중첩된 요소에서 이벤트가 발생할 때상위의 이벤트가 하위에 전달되고, 하위의 이벤트가 상위에 전달된다.위와같이 이벤트가 전파되는 방식에 대해

Virtual DOM 그리고 DOM
Virtual DOM 이란 무엇일까? 가상돔을 구글에 검색하면 > 가상 DOM은 React, Vue.js 및 Elm과 같은 선언적 웹 프레임 워크에서 사용되는 DOM의 경량 JavaScript 표현입니다. 가상 DOM을 업데이트하는 것은 화면에 아무것도 렌더링 할
TIL #12
Document Object ModelHTML에 접근해서 자바스크립트 객체처럼 HTML을 조작할 수 있다는 의미=> 웹페이지가 단순히 보여지는 것 이상으로 다양한 기능을 작동하게 만들 수 있다. ex) 반복문과 조건문, 배열 객체 등을 활용해서 새로운 정보를 저장하거나

Intersection Observer API
비동기적인 요소의 인터섹션을 감지한다. 현재 스크롤 하면서 화면에 보여지는 요소 찾기 인피니티 스크롤만들기 이미지/ 데이터 프리패칭 하기 좋은 api라고 생각 예제

TIL 10 | DOM (Document Object Model)
DOM은 문서 요소들을 객체화하여 프로그램이 문서 구조, 스타일 및 내용을 조작할 수 있도록 한다.
#1 DOM part.2
자식 노드 탐색 이전에 NodeList와 HTMLCollection에 대해서 공부했었다. 이제 DOM 트리의 노드를 옮겨 다니며 부모, 형제, 자식 노드 등을 탐색 해야 할 때가 있다. 다음 예제를 살펴보자. ul요소는 3개의 자식 요소를 갖는다. 이때 부모의 i
[Javascript] document.ready vs window.onload
$(document).ready()외부 리소스, 이미지와 상관없이 브라우저가 DOM Tree를 생성한 직후 실행window.onload() 보다 빠르게 실행되고 중복 사용해도 선언 순서대로 실행됨.window.onloadDOM의 표준 이벤트html의 로딩이 끝난 후에

JS 전문가되기 //Day09
🙌들어가기 앞서... JS 전문가되기 제목의 포스팅의 목적은 필자가 공부한 것을 복습하는데 그리고 약점을 보완하는데 있습니다. 1. DOM > DOM: Document Object Model js 에서 html 편집을 가능하게 해주는 interface 이다. DO