출처 : 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(){ ... }); 이후 실..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/VsrC9/btqJvNXWg4r/xdJ6vyRHMUdCCD0wvAEzW1/img.png)
출처 : www.nextree.co.kr/p7323/ JavaScript : 프로토타입(prototype) 이해 JavaScript는 클래스라는 개념이 없습니다. 그래서 기존의 객체를 복사하여(cloning) 새로운 객체를 생성하는 프로토타입 기반의 언어입니다. 프로토타입 기반 언어는 객체 원형인 프로토타입을 이�� www.nextree.co.kr JavaScript는 클래스라는 개념이 없습니다. 그래서 기존의 객체를 복사하여(cloning) 새로운 객체를 생성하는 프로토타입 기반의 언어입니다. 프로토타입 기반 언어는 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들어냅니다. 이렇게 생성된 객체 역시 또 다른 객체의 원형이 될 수 있습니다. 프로토타입은 객체를 확장하고 객체 지향적인 프로그래밍을 할 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/b4BwBU/btqJskn5pm8/apRVOmQTL0Nbh123LK3jLK/img.png)
자바스크립트도 객체지향언어입니다. 자바스크립트에는 클래스라는 개념이 없어요. 대신 프로토타입(Prototype)이라는 것이 존재합니다. 자바스크립트가 프로토타입 기반 언어라고 불리는 이유이죠. 클래스가 없으니 기본적으로 상속기능도 없습니다. 그래서 보통 프로토타입을 기반으로 상속을 흉내내도록 구현해 사용합니다. ECMA6 표준에서는 Class 문법이 추가되었습니다. 하지만 문법이 추가되었다는 것이지, 자바스크립트가 클래스 기반으로 바뀌었다는 것은 아닙니다. 함수(function)와 new를 통해 클래스를 비스무리하게 흉내낼 수 있습니다. function Person() { this.eyes = 2; this.nose = 1; } var kim = new Person(); var park = new Per..
출처: https://beomy.tistory.com/6 [beomy]beomy.tistory.com/6 1. this 란? this는 일반적으로 메소드를 호출한 객체가 저장되어 있는 속성입니다. function MyClass () { this.property1 = "value1"; } MyClass.prototype.method1 = function() { console.log(this.property1); } var my1 = new MyClass(); my1.method1(); this가 만들어지는 경우, 1. 일반 함수에서 this -> window 2. 중첩 함수에서 this -> window 3. 이벤트에서 this -> 이벤트 객체 4. 메소드에서 this -> 메소드 객체 5. 메소드 내부..
시설물 하수관로(미분류) 하수관로(합류관) 하수관로(차집관) 하수관로(우수관) 하수관로(오수관) 하수관로(기타) 연결관(미분류) 연결관(차집관) 연결관(우수관) 연결관(오수관) 연결관(기타) 하수맨홀(미분류) 하수맨홀(우수맨홀) 하수맨홀(오수맨홀) 하수맨홀(집수맨홀) 하수맨홀(합류맨홀) 하수맨홀(차집맨홀) 하수맨홀(기타) 우수토실 하수처리장 하수펌프장 토구 물받이(미분류) 물받이(우수받이) 물받이(오수받이) 물받이(집수받이) 물받이(기타) 유량계 면형하수관로 처리구역 처리분구 유량계 유역 $('#selectEditLayer option').each(function(idx, obj) { var v = $(obj).val(); var layergroup = $(obj).data("layergroup"); i..
arachni sparrow 시큐어코딩
- Total
- Today
- Yesterday
- devtools
- lombok
- 프로젝트명변경
- draw.io
- 진열사랑
- border-collapse
- excel
- element위치
- 전후방탐색
- spring
- 여러 컬럼 update
- JQuery
- QueryDSL
- oracle
- Javascript
- setter
- CSS
- sumifs
- PostgreSQL
- caniuse
- $.each
- $.extend
- @ExceptionHandler
- ul li로 테이블
- springboot
- DatePicker
- getter
- 정규식
- Keycode
- object key
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |