qwef

"liveSassCompile.settings.formats":[ { "format": "expanded", "extensionName": ".css", "savePath": "/css", }, { "format": "compressed", "extensionName": ".min.css", "savePath": "/css", } ], "liveSassCompile.settings.generateMap": false, "liveSassCompile.settings.includeItems": [ "/scss/*.scss" ] .min.css 는 공백, 줄바꿈 없는 형식으로 저장된다. "extensionName": ".css", 는 exports 될 파일. "liveSassCompile.settings.in..

만약 이벤트 리스너를 호출했다고 했을 떄 const countEvent = (valueForCalc)=> { countCalc(valueForCalc); $count.textContent = count; } 이렇게 있을 때 $h1.addEventListener('click', countEvent(1)); 이렇게 추가하면 안됨. 이거는 그냥 함수를 호출한 거임. let count = 0; const countEvent = (e)=> { countCalc(e.currentTarget.countValue); $count.textContent = count; } $h1.countValue = 1; $plusBtn.countValue = 1; $minusBtn.countValue = -1; $addEventBtn..

let timer = setTimeout(() => { alert('시간이 간다!!!!'); },3000); clearTimeout(timer); 이런 식으로 하면 됨. 참고로 timer = setTimeout 이건 실행 됨. 왜냐하면 function이나 () => 등으로 정의하면서 시작한 게 아니고 그냥 함수를 실행하는거라 당연한 이야기지만 저 return 값이 들어감. let interval = setInterval(()=>{ alert('time'); },1000); clearInterval(interval);

const $h3 = document.querySelector('h3'); console.log($h3.parentNode); parentNode

$box = document.querySelector('.box'); $space1 = document.querySelector('.space1'); $space2 = document.querySelector('.space2'); $space2.appendChild($box); 그냥 appendChild() 쓰면 됨.

function checkMobile(){ try{ document.createEvent("TouchEvent"); return true; }catch(e){ return false; } } 처음에 한번만 실행해서 상수에 저장. 그러면 익명함수가 나은데.. 이벤트 발생시켜봐서 에러 있으면 false, 돼면 true

그냥 document. 해서 쓰는 거 그거 인 듯. 자바스크립트에서 html 문서 관련해서 접근할 수 있게 지원해 주는 거. 태그 가져오기 es5문법 const id = document.getElementById('big-box'); const clas = document.getElementsByClassName('box'); const tag = document.getElementsByTagName('h3'); const name = document.getElementsByName('name'); es6문법 document.querySelector('#big-box'); document.querySelectorAll('.big'); 둘다 알고 있기는 해야 함. elements는 배열로 옴. 반환되는 요..

class Rectangle{ width; height; constructor(width, height){ this.width = width; this.height = height; } getPerimeter(){ return this.width*2 + this.height*2; } getArea(){ return this.width * this.height; } toString(){ let message = `perimeter : ${this.getPerimeter()}\narea : ${this.getArea()}`; return message; } } class Square extends Rectangle{ constructor(length){ super(length, length); } } ext..

보호되어 있는 글입니다.

보호되어 있는 글입니다.