exhibitlove

출처 : 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, ..

출처: 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..

출처: 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..

출처 : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/apply 배열에 배열을 붙이기 위해 apply 사용 push 를 사용하여 요소를 배열에 추가 할 수 있습니다. push 는 가변 인수를 허용하기 때문에 여러 요소를 동시에 추가 할 수 있습니다. 그러나 push 에 배열을 전달하면 요소를 개별적으로 추가하는 대신 실제로 해당 배열을 단일 요소로 추가하므로 결국 배열 내부에 배열로 끝납니다. 그것이 우리가 원하는 것이 아니라면? 이 경우 concat 은 우리가 원하는 동작을 하지만 실제로는 기존 배열에 추가되지 않고 새 배열을 만들어 반환 합니다. 그러나 우리는 기존 배열에 추가하고 싶었습니다 ... 그럼 ..

출처 : medium.com/@alvin.h/oop-js-7-%ED%81%B4%EB%A1%9C%EC%A0%80-8e5adbe67722 OOP JS (6) — 클로저 자바스크립트는 클로저(Closure)라는 매우 중요한 개념이 있다. 자바스크립트로 프로그램을 구현하다보면 은연 중에 이러한 개념들을 사용하곤 했는데 확실하게 알고 있지는 않았다. 그래서 오늘 medium.com 간단예제 var glo = 'global'; function outer() { var out = 'out'; function inner() { var a = 'in'; //var out = 'inner-out' console.log(a); console.log(out); console.log(glo); } inner(); } funct..

출처 : www.gisdeveloper.co.kr/?p=8936 Javascript 기반의 압축 라이브러리, jszip – GIS Developer 웹에서는 로컬에 저장된 여러 개의 파일을 사용하기 위해서는 사용자가 해당 파일들을 모두 마우스를 통한 직접적인 선택 행위가 적용되어야 보안상에 문제가 발생하지 않습니다. 이에 대한 대 www.gisdeveloper.co.kr