hsunny study blog

document.querySelector 노드의 서브트리에서 매칭되는 첫번째 노드의 값을 반환한다. 만약 매칭되는 노드가 없으면 null을 반환한다. document.querySelectorAll 노드의 서브트리 내에서 매칭되는 모든 요소를 포함한 노드리스트를 반환하고, 매칭되는 것이 없다면 빈 노드리스트를 반환한다. querySelector && querySelectorAll querySelector(), querySelectorAll()로 생성된 순간의 셀렉터들로 채워진 요소들을 포함한다. (이 값은 변하지 않는다.) They can be a complete CSS(3)-Selector with IDs and Classes and Pseudo-Classes #id.class:pseudo tag #id..

정렬하기 javascript에서는 배열을 정렬할 수 있는 자체 함수를 제공합니다. Array.prototype.sort() arr.sort([compareFunction]) sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 문서보기 매개변수 compareFunction (Optional) 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 반환 값 정렬한 배열. 원 배열이 정렬되는 것에 유의하세요. 복사본이 만들어지는 것이 아닙니다. 문자열의 유니코드 코드값에 따라 소팅하기 때문에 ..

Array.filter() 를 통해 배열에 존재하는 중복 요소를 제거할 수 있습니다. arr.filter(callback(element[, index[, array]])[, thisArg) filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. 문서보기 방법 Array.filter((item, index) => nums.indexOf(item) === index ) 예제 let nums = [1,1,2,5,1,3]; nums라는 배열에 1이 3개가 존재합니다. let filteredArray = nums.filter((item, index) => nums.indexOf(item) === index ); filter를 이용하여 새로운 변수 filteredArr..

Syntax setInterval(function, milliseconds, param1, param2, ...) 파라미터 설명 function 필수. 실행할 함수 milliseconds 필수. 함수 실행주기 (단위: milliseconds) param1,param2, ... 선택. 추가적으로 넘길 함수 (지원: IE9this.Timer(), 1000); } Timer() { let temp; let ramain_time = document.getElementById('counting'); this.counter =this.counter - 1; /** * excute code... */ } ()=> 로 표현하는 것을 화살표 함수라고 하며, 이를 이용하여 해결할 수 있었다. 화살표함수는 ES6에서 새롭게..

Ajax : Asynchronous JavaScript And XML 잘 설명된 블로그http://www.nextree.co.kr/p9521/

기존에 클립보드 복사에 이용했던 방식은 아래와 같다. .... [URL 복사하기]버튼을 클릭했을 때, CopyUrl(url)이 동작해서, url이 클립보드에 복사되도록 구현하고 싶었다.익스플로러에선 아래와 같이 창이 뜨고, 액세스 허용(A)을 클릭하면, url이 복사가 됐지만, 크롬에선 내가 지정한 url이 복사되지 않았다. 크롬에서 url이 복사되지 않는 이유를 찾아보았더니, 보안 이슈상 클립보드에 넣는게 되지 않는다고 한다.따라서 크롬에서 url을 복사할 수 있는 방법을 알아냈다.방법은 임시저장소(input태그 안에)에 값을 복사해뒀다가,그 값을 복사해서 Document.execCommand('copy')를 실행시키는거다.명령어 copy를 입력하면 클립보드에 현재 선택 영역의 내용을 복사한다.(*브라..