JS

Javascript - console.dir( )

console.dir은 요소를 JSON과 같은 트리 구조로 출력합니다. 구체적으로, console.log는 DOM 요소에 대해 특별한 처리를 제공하지만 console.dir은 그렇지 않습니다. 이것은 종종 DOM JS 객체의 전체 표현을 보려고 할 때 유용합니다. console.dir("div") - div 태그의 모든 요소들이 개발자 도구 콘솔창에 출력된다. 이를 통해 내가 바꾸고 싶은 값을 찾아 낼 수 있다. 출처 : https://developer.mozilla.org/ko/docs/Web/API/console/log

JS - toggle

DOMTokenList.toggle() remove / add 를 동시에 갖고 있다. 토큰이 존재하면 토큰 제거, 존재 하지 않는다면 토큰 추가. if-else 를 쓰는것 보다 코드 길이를 줄여줄 수 있다. 반환값 호출 후 목록에 있는지 여부를 나타내는 boolean 값 true또는 false const span = document.querySelector("span"); const classes = span.classList; span.addEventListener('click', function() { const result = classes.toggle("c"); if (result) { span.textContent = `'c' added; classList is now "${classes}".`..