Nani's Dictionary

for(var i=0;i

정규표현식 표현 정규표현식 설명 ^x 문자열이 x로 시작한다 x$ 문자열이 x로 끝난다 .x 임의의 한 문자를 표현한다. x+ x가 1번 이상 반복한다 x? x가 존재하거나 존재하지 않는다 x* x가 0번 이상 반복한다 x|y x또는 y를 찾는다 (x), (x)(y), (x)(?:y) ( ) 안의 내용을 캡쳐하며, 그룹화 한다 x{n} x를 n번 반복한 문자를 찾는다 x{n,} x를 n번 이상 반복한 문자를 찾는다 x{n,m} x를 n번 이상 m 번 이하 반복한 문자를 찾는다 [xy] x,y중 하나를 찾는다 [^xy] x,y를 제외하고 문자 하나를 찾는다 [x-z] x~z 사이의 문자 중 하나를 찾는다 ^ 특수문자를 문자로 인식함 \b 문자와 공백 사이의 문자를 찾는다 \B 문자와 공백 사이가 아닌 값을..

function getRandomColor() { return "#" + Math.floor(Math.random() * 16777215).toString(16); } 1677 7215를 기억하도록하자

drag 이벤트 해당 요소의 draggable 속성을 'true'로 설정해 주어야 드래그가 가능해진다. drag 이벤트는 여러 종류가 있다 오늘은 dragstart , dragend drag 이 세 가지를 사용했다. // 1, 2의 div로 나뉜 페이지에서 드래그 하는 방향으로 page를 옮기기 위한 코드 // 스크롤을 양 옆으로 하는 페이징다. const dragDiv=document.getElementById('dragDiv'); let startPos=0; let endPos=0; // 드래그 시작점과 드래그 끝난 지점을 통해 어느 방향으로 드래그 했는지를 본다 dragDiv.addEventListener('drag',function(){ dragDiv.a..

속성 : src( 파일의 경로 ), volume ( 0 ~ 1 까지의 값 ), currentTime( 음악의 현재 위치, 초 단위 ) 메소드 : play(), pause() var audio = new Audio('./audio.mp3'); // 혹은 var audio2 = new Audio(); audio2.src = './audio.mp3';

event의 한 종류로, mouse wheel을 했을 때를 이야기한다 window.addEventListener('wheel',function(event){ console.log(event.deltaY); // 휠을 위로 올리면 양수, 내리면 양수 })

Node.insertBefore() 1 2 3 const lis = document.getElementsByTagName('li'); // li HTMLCollection const ul = lis[0].parentNode; // ul 태그 ul.insertBefore(ul.lastChild,ul.firstChild); // 부모 태그를 이용해야 한다. 3 1 2

자식 노드를 복사시켜주는 메소드 parameter로는 deep이라는 boolean 값을 가지고, 복사할 요소의 하위 노드까지 복사하려면 true를 입력해주면 된다. deep의 기본 값은 false이다.