본문 바로가기
728x90
반응형

2019/106

[JavaScript] 코드 성능 테스트/비교 사이트(Naver) 네이버에서 제공하는 자바스크립트 코드 성능 비교 사이트입니다. http://jindo.dev.naver.com/jsMatch/index.html 1. 사전코드 : 각 코드를 실행하기 전에 수행되는 코드 입니다. 배열 설정이나 element 추가 같은 내용을 담을 수 있습니다. this 객체에 넣게 되면 비교 코드에서 this 객체로 접근하여 사용할 수 있습니다. 2. 사후코드 : 각 코드를 실행한 후에 수행되는 코드 입니다. element 제거 같은 후처리를 위한 내용을 담을 수 있습니다. 3. HTML : HTML 마크업을 사용해야 한다면 아래 마크업을 입력해 주세요. 에 innerHTML로 삽입되고, 코드에서는 this.elHTML로 사용하실 수 있습니다. 테스트가 끝나면 비워집니다. 외부 scrip.. 2019. 10. 24.
[jQuery] Element(요소) 클래스 값 가져오기 ... 위와 같은 div 엘리먼트에서 Class 확인 방법 3가지 Class 존재/미존재로 나눈 사용 예제. // 1. hasClass 함수 사용 > $("#main").hasClass("main-home") > true > $("#main").hasClass("home") > false // 2. is 함수 사용 - class 외에 id, name 등도 사용 가능 > $("#main").is(".main-home") > true > $("#main").is(".home") > false // 3. length 속성 체크 > $("#main.main-home").length > 1 > $("#main.home").length > 0 2019. 10. 23.
[JavaScript] 배열 자르기 (Array 중간 값 삭제) 자바스크립트 배열에서 조건에 부합하는 중간에 위치한 값을 삭제하면 배열이 연결되지 않고 삭제한 위치가 비어버린다.배열 길이로 무언가를 확인할 때에는 빈 공간 없이 배열을 잘라서 이으듯 가공하는게 좋겠다. 아래와 같이 splice 함수를 사용하여 빈 공간 없이 중간에 위치한 값을 삭제한다. var list = []; // list.splice(삭제 시작 인덱스, 삭제 할 개수); list.splice(list.findIndex(o => o.seq === Number(seq)), 1); 2019. 10. 16.
[JavaScript] 자식(팝업)창에서 부모창 함수 호출/데이터 전달 * 부모창 $("#openPopup").on("click", function(e){ var windowObj = window.open(url, '_blank'); }); // 자식창에서 호출하는 함수 function addData(result, status) { console.log('result : '+result+'status : '+status); } * 자식창 $("#closePopup").on("click", function(e){ window.opener.addData(result, status); window.open('about:blank','_self').self.close(); }); 2019. 10. 15.
728x90
반응형