\(@^0^@)/

- JS 기본 문법 객체를 배열로 리턴하는 메서드들 Object.keys() : keys의 배열을 제공하는 것과 동일한 순서로 반환. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(object1)); // expected output: Array ["a", "b", "c"] Object.values() : values의 배열을 제공하는 것과 동일한 순서로 반환. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.values(object1)); // expected output: Array ["somestring", 42, false]..

- JS 기본 문법 https://www.youtube.com/watch?v=Um-CJHNc5Pw https://www.youtube.com/watch?v=tpl2oXQkGZs&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=11 - JavaScript carousel className을 추가해서 각 위치들 초기화 items요소의 1번째 index 0을 current로, 이전(prev)은 current의 이전인 items 요소의 맨 끝 5번째 index, 4에 추가, 다음(next)은 current의 다음인 2번째 index, 1에 추가한다. class Carousel { constructor(carouselElement) { this.carouselElement = c..

캐러셀을 구현하면서 급 궁금해진 document.addEventListener()와 window.addEventListener()의 차이. 일단 document와 window의 차이점을 알아보도록 하자. (지난번 학습한 것 같은 느낌적 느낌) Window vs Document Window : 브라우저 객체 모델의 최상위 객체 (BOM : Browser Object Model)로 현재 웹브라우저의 탭 혹은 창의 모델을 나타낸다. https://developer.mozilla.org/en-US/docs/Web/API/Window Window - Web APIs | MDN The Window interface represents a window containing a DOM document; the docum..