들숨에 건강! 날숨에 재력!

처음엔 시간을 다룬다고 신났지만.. 비동기의 어려움을 알게되면서 마구쓰기는 무서워진 친구.. setTimeout() 잘쓰게 되는 날이 빨리오면 좋겠다. 딜레이를 줘야할 상황이 있어서 사용했다. https://developer.mozilla.org/ko/docs/Web/API/setTimeout setTimeout() - Web API | MDN 전역 setTimeout() 메서드는 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정합니다. developer.mozilla.org

배열을 이용해서 배열만들기를 for문으로 해보았다. foreach로 가능하지 않을까 했는데 안될거같아서 for문으로했는데 이 글적다가 foreach로 가능한 방법이 생각났다. 간단하게 코딩 상황설명 : 아래처럼 .item을 가진 div들중에 .option을 포함하는 .item만 모은 배열을 만들고 싶었는데 코드에 이미 .option를 가진 div리스트의 배열이 있어서 그 배열을 사용해서 .option을 포함하는 .item 리스트 배열을 만들기위해 for문을 썻다. for문으로 배열만들기 let optionList = document.querySelectorAll('.option'); let itemList = []; for(let i = 0; i { itemList[i] = element.closest(..

아무래도 퍼블리싱 하다보면 DOM을 찾고 가져오거나 지우거나 추가하거나 입맛대로 다루어야하는데 그때마다 자주 찾게되서 그런 녀석들 정리! 내가 편하려고!! DOM에서 앨리먼트 찾을때 자주쓰는 방법들 더보기 아이디/클래스를 가진 앨리먼트 찾기 document.querySelector('여기에 클래스나 아이디, 앨리먼트를 입력'); document.querySelectorAll('여기에 클래스나 아이디, 앨리먼트를 입력'); querySelectorAll을하면 저 조건의 요소들을 배열로 만드는데.. 한번씩 그사실을 까먹고 하나로 생각하고 작업을 해버려서 왜 찾을수 없다고 하지? 하면서 실수를 한다ㅠ 배열은 하나씩 가져와서 작업해야하는걸 잊지말자ㅠ 부모, 자식 찾기 부모, 자식, 형제 찾기는 이분글을 보는게 ..

[JavaScript] 이벤트 캡쳐링, 이벤트 버블링 개념, 방지하는 방법 HTML 요소에서 이벤트가 발생하면 해당 요소를 포함한 모든 조상 요소에 이벤트를 전달한다. 왜 전달하는지 알아보고 이벤트가 전파되는 과정을 설명한다. velog.io button만 클릭이 되고 body에는 이벤트가 전달되지 않기를 바래서 버블링 막는것을 찾아보았다. event.stopPropagation(); 이 코드를 입력하면, 그 요소에 등록된 이벤트리스너는 실행되지만 버블링되지 않아서 원하는대로 동작하였다!

https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가 developer.mozilla.org 진작에 정리된거 있는줄 알았으면.. 매번 블로그 뒤지고 다니지 않았을텐데ㅠㅋㅋㅋㅋㅋ