qwef

만약 이벤트 리스너를 호출했다고 했을 떄 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);

background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1)), url(../img/fruits.jpg); 이런 식으로 마치 포토샵 레이어 쌓듯이 가능하다고 함. 보아하니 뒤쪽이 아래 레이아웃 일 듯

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

보통 딱 favicon.ico 이렇게 루트에 넣어놓으면 favicon으로 인식한다. 근데, 우리가 루트에다가 넣어놔도 정작 빌드된 완성본인 dist폴더에는 favicon.ico가 안들어간다. 이 때 parcel-plugin-static-files-copy 직접 dist폴더에 카피해서 넣어주는 플러그인이다. https://qwefdg3.tistory.com/394 이거 참조. package.json에 플러그인 속성에다 폴더명을 명시한 후, 그 폴더에 그대로 dist에 넣을 파일들을 넣어주면 된다. 이렇게 하지 않고 직접 dist에 넣는거는 경로문제라던지 문제가 있을 수 있다. dist는 자동으로 빌드완성된 파일들을 넣어주는 공간이기 때문. 그래서 서버에 올릴 때는 이 dist폴더 안에 있는 파일들을 통째로..

이거는 가상이라... 그러니까 HTML 문서를 참조한다기 보다는 가상의 주인태그를 참조함. 그래서 만약 width:100% 하면 이 가상선택자의 주인태그의 width를 참조함.

이거는 css의 attr() 함수인데, 자신의 속성의 값을 문자열로 가져오는 거다. a::after{content: attr(href);} 이렇게 하면 href에 있는 값을 content로써 넣는다. 속성명에 작은따옴표 X $$divs.forEach(($div, i)=>{ $div.setAttribute('data-list', '하이'); }); 이렇게 커스텀속성으로 응용도 가능. 근데 굳이 쓸 필요가 있을지는 모르겠다..

보호되어 있는 글입니다.