개발자로 가자

ad-create 선택자 클릭 시 adCreatePopupBtn 선택자 클릭 이벤트 중복 방지 예시document.querySelector("#ad-create").addEventListener("click", async (e) => { if(!isProcess) { e.stopPropagation(); if(await checkValidData()) { let data = await setData(); document.querySelector("#popup").classList.add("show"); document.querySelector(".popup-ad-create").classList.add("show")..

document.querySelector("선택자").firstChild(순서에 따라서 변경).nodeValue = "변경할 값";

Integer 끼리 비교시 객체의 주소값으로 비교하여 값이 같더라도 비교 시 주소로 비교하여 false 로 나온다. 그렇기 때문에 값을 비교할때 == 가 아닌 equals 를 사용해야 한다.

$('자신요소').contents() 를 입력하면 자신안의 요소들을 불러온다. 0/20자 $(.quiz span).contents() 를 입력할 시 ["0/", "20", "자"] 해당 배열이 나온다. 해당 배열중 "0/" 를 변경하고 싶으면 $('.quiz span).contents()[0].textContent = "바꾸고 싶은 내용" 을 입력하면 된다. 마찬가지로 해당 배열중 "자" 를 변경하고 싶으면 $('.quiz span).contents()[2].textContent = "바꾸고 싶은 내용" 을 입력하면 된다.

기본적으로 ajax 안에서 $(this)를 사용할 수 없지만 ajax 속성에 context: this 입력하면 사용이 가능하다.

$('선택하고자 하는 클래스').html().split('

동적 태그에 이벤트를 발생시키려면 $(document).on("이벤트", "선택자", 콜백함수) 로 코드를 작성해야 한다. 페이지가 새로고침 되거나 실행될때마다 이벤트가 등록되어 있어 이벤트가 여러번 발생하는 현상이 있다. 해당 문제를 방지하기 위해 e.stopImmediatePropagation() 를 상단에 넣어주면 된다.

setInterval실행함수(초, 콜백함수); function setInterval실행함수(초, 콜백함수) { 콜백함수(); return setInterval(콜백함수, 초 * 1000); } 예시)