H_BLOG

'use strict'; const modal = document.querySelector('.modal'); const overlay = document.querySelector('.overlay'); const btnCloseModal = document.querySelector('.close-modal'); const btnsOpenModal = document.querySelectorAll('.show-modal'); const closeModal = function () { modal.classList.add('hidden'); overlay.classList.add('hidden'); }; const openModal = function () { modal.classList.remove('hi..

출처: https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers GlobalEventHandlers - Web APIs | MDN The GlobalEventHandlers mixin describes the event handlers common to several interfaces like HTMLElement, Document, or Window. Each of these interfaces can, of course, add more event handlers in addition to the ones listed below. developer.mozilla.org GlobalEventHandlers The GlobalEventH..

출처: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList Element.classList - Web APIs | MDN The Element.classList is a read-only property that returns a live DOMTokenList collection of the class attributes of the element. This can then be used to manipulate the class list. developer.mozilla.org const div = document.createElement('div'); div.className = 'foo'; // our starting state:..

DOM(Document Object Model) - 웹페이지는 일종의 문서(Document) - DOM은 동일한 문서를 표현, 저장, 조작할 수 있는 방법을 제공함 - 웹페이지의 객체지향 표현이며, JavaScript와 같은 스크립팅 언어를 이용해 수정할 수 있다. - 즉 혹은 와 같은 HTML문서의 Tag나 Element들을 객체로 만들어 JavaScript를 통해 조작이 가능하다. - DOM의 구조는 다음과 같다.

출처: https://www.freecodecamp.org/news/falsy-values-in-javascript/ Falsy Values in JavaScript DescriptionA falsy value is something which evaluates to FALSE, for instance when checking a variable. There are only six falsey values in JavaScript: undefined, null, NaN, 0, "" (empty string), and false of course. Checking for falsy values on variablesIt www.freecodecamp.org Falsy value는 FALSE 값이다 Fals..