exhibitlove

출처 : progworks.tistory.com/97 //feature 선택이 가능해야하는 레이어에 set해주기 layer2.set('selectable', true); //select 기능 함수 var selectResultFt = new ol.interaction.Select({ layers: function(layer) { return layer.get('selectable') == true; } }); map.addInteraction(selectResultFt); selectResultFt.on('select', function(evt){ alert("선택완료"); });

html javascript var someone = { name : "codejong", whoAmI : function() { console.log(this); } } someone.whoAmI(); // someone var myWhoAmI = someone.whoAmI; myWhoAmI(); // window var btn = document.getElementById("target"); btn.addEventListener('click', someone.whoAmI); // button var bindWhoAmI = someone.whoAmI.bind(someone); bindWhoAmI(); // var t = document.getElementById('target'); // if(t.add..

출처 : www.gisdeveloper.co.kr/?p=3921 jQuery의 기능 중 페이지의 구성 요소가 모두 준비되었을때 호출되는 이벤트를 아래처럼 등록합니다. $(function () { .... }); 앞으로 우리가 작성할 모든 코드는 위에서 …. 부분에 추가되는데요. 먼저 지도 화면에 표시할 원에 대한 피쳐(Feature)를 4000개 생성합니다. 이 피쳐의 지오메트리 타입은 포인트이므로 무작위 위치를 가지도록 ol.geom.Point로 지정하고 i와 size라는 속성값을 지정해 둡니다. size에는 i값에 따라 10 또는 20의 값이 지정되도록 하였습니다. var count = 4000; var features = new Array(count); var e = 18000000; for (va..

출처 : www.youtube.com/watch?v=JB_yU6Oe2eE&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=12 class UserStorage { loginUser (id, password) { return new Promise((resolve,reject)=>{ setTimeout(() => { if ( (id === 'ellie' && password === 'dream') || (id === '' && password === '') ) { resolve(id); } else { reject(new Error('not found')); } }, 2000); }); } getRoles (user) { return new Promise((resolve,r..

출처 : www.youtube.com/watch?v=3CUjtKJ7PJg [드림코딩 by 엘리] // Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); } // Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; const result = fruits.split(',',3); // second parameter는 return되는 배열 크기 console.log(result); } // Q3. make this array look like this: [5, ..

map.on('singleclick', function(evt) { var viewResolution = (map.getView().getResolution()); var url = wmsSource.getFeatureInfoUrl(evt.coordinate, viewResolution, 'EPSG:5181', {'INFO_FORMAT': 'text/html'}); if (url) { fetch(url) .then(function(response) { return response.text(); }) .then(function(data) { console.log(data); }); } });

출처: https://recollectionis.tistory.com/146 [커피와 개발자] $(document).ready(function(){ ... }); // 페이지 로딩시 $(function(){ ... }); (function($){ ... })(jQuery); 첫줄의 소스는 페이지 로딩시 실행 두번째줄의 소스는 함수를 실행 하라는 의미 세번째줄의 소스는 jquery를 사용할 때, $ 의 의미를 jquery에서 사용하겠다는 의미가 내포되어있다. $ 를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문 함수에서 $ 의미는 jquery 객체로 사용이 되는 것 windows.onLoad();는 $(document).ready(function(){ ... }); 이후 실..

자바스크립트도 객체지향언어입니다. 자바스크립트에는 클래스라는 개념이 없어요. 대신 프로토타입(Prototype)이라는 것이 존재합니다. 자바스크립트가 프로토타입 기반 언어라고 불리는 이유이죠. 클래스가 없으니 기본적으로 상속기능도 없습니다. 그래서 보통 프로토타입을 기반으로 상속을 흉내내도록 구현해 사용합니다. ECMA6 표준에서는 Class 문법이 추가되었습니다. 하지만 문법이 추가되었다는 것이지, 자바스크립트가 클래스 기반으로 바뀌었다는 것은 아닙니다. 함수(function)와 new를 통해 클래스를 비스무리하게 흉내낼 수 있습니다. function Person() { this.eyes = 2; this.nose = 1; } var kim = new Person(); var park = new Per..