본문 바로가기

javascript

Underscore.js를 이용하여 javascript Array Merge하기 기존 Array에 신규 Array값을 Merge하려면 for loop를 돌면서 키값을 비교하며 교체하는 방법은 있으나그런 날코딩(?)은 너무 우아하지 않아서 찾아보니 Underscore.js로 가능하더라. 기존 Array로 Merge대상var ori = [{"KEY": "A", "VALUE" : 1 }, {"KEY": "B", "VALUE" : 2 }, {"KEY": "C", "VALUE" : 3 },{"KEY": "D", "VALUE" : 4 }]; 신규 Arrayvar inp = [{"KEY": "D", "VALUE" : 44 },{"KEY": "E", "VALUE" : 5 }]; 신규 Array의 각 Object의 "KEY"값을 기준으로 기존 Array를 추가하거나 변경하는 작업으로 원하는 결과 값.. 더보기
유용한 자바스크립트 함수들 요즘 자바스크립 공부를 하고 있는데... 아 정말 어렵다. 아래 내용은 책 JavaScript The Definitive Guide 5/E에서 발췌한 내용이며 유용한 자바스크립트 함수들이다. 사용법을 익혀두자! 객체용 함수들 // 객체 o의 열거 가능한 프로퍼티들의 이름을 담은 배열을 반환한다. function getPropertyNames(/* object */ o) { var r = []; for(name in o) r.push(name); return r; } //객체 from의 열거 가능한 프로퍼티들을 객체 to로 복사한다. //만약 to가 null이면 새로운 객체를 생성한다. 이 함수는 결과로 개체 to를 반환하거나 //새롭게 생성한 객체를 반환한다. function copyProperties(.. 더보기
팝업창 스크롤 자동생성 출처 : http://blueb.net/blog/887 팝업창을 띄우기 위한 window.open의 option을 보면 scrollbars option이 있다. 이 option은 yes, no만 지원하며 auto라는 기능은 지원하지 않는다. 창 사이즈의 변화에 따라 스크롤바를 자동 생성하기 위해서는 아래 스크립트를 사용할 수 있다. 팝업 내용 더보기
jQuery 1.4 버전 추가 기능 출처 : http://firejune.com/1527 퍼온글입니다. 며칠 전 jQuery 1.4 버전이 공개되었습니다. jQuery를 기반으로 구축된 웹사이트를 1.4버전으로 업데이트하는 작업이 예정되어 있다면 지금부터 소개할 15개 항목을 꼭 숙지하세요. 새롭게 추가된 기능과 향상된 기능들을 제대로 활용하기 위한 방법들을 정리한 것입니다. 기존에 작성했던 코드 보다 더욱 성능이 향상될 수도 있으니까요. 1. jQuery(…) 속성 부여의 변화jQuery 1.4부터는 요소(element)의 속성을 컬렉션(collection) 형식으로 전달하는 것을 지원합니다. 이것은 "attr" 따위의 메서드(method)들을 여러번 작성하지 않고 한번에 처리하는 효과가 발생합니다. 컬렉션은 두번째 인자에 작성되며 개체.. 더보기