개발자의 끄적끄적

[javascript] 자바스크립트 Promise API 요약[펌] Promise는 코드의 실행 흐름에서 비동기처리를 유연하게 처리하기 위한 API입니다. 코드를 통해 살펴보겠습니다. function test(callback) { setTimeout(() => { callback(); }, 2000); } function callback() { console.log('Hello!') } test(callback); 위의 코드는 2초 뒤에 콘솔에 Hello!를 출력합니다. 이 코드를 Promise API로 대체하면 아래와 같습니다. function test() { return new Promise((resolve, reject) => { setTimeout(() => { resolve(); }, 2000)..

[javascript] 자바스크립트 새로운 문법 정리 [펌] 자바스크립트에서 var로 정의된 변수의 유효범위는 함수입니다. 일반적인 프로그래밍 언어에서 변수의 유효범위는 블럭(Block)인데요. 자바스크립트에서 블럭의 범위 지정을 위한 시작은 ‘{‘이며 끝은 ‘}’입니다. let을 통한 변수의 정의는 바로 이러한 블럭 범위에서만 유효한 변수를 정의할 수 있도록 합니다. 이러한 let 키워드를 통해 보다 분명한 의미로 변수를 정의해, 필요한 시점에서만 메모리에 적재되어 사용되고 필요하지 않은 시점에서는 메모리에서 제거되도록 할 수 있는데요. 아래의 예는 배열에 대한 각 요소를 저장하기 위해 i라는 변수를 let으로 선언하고 있습니다. let a = [1, 2, 3]; for (let i of a) { al..

[javascript/jquery] 전역변수와 지역변수 [펌] 전역변수와 지역변수 변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다. 전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수입니다. 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 함수 외부에서는 접근할 수 없습니다. 예제 1 변수 jbVar의 값을 함수 외부에서는 Lorem으로, 함수 내부에서는 Ipsum으로 정했습니다. 함수 외부에서 jbVar를 불러왔으므로 전역변수의 값 Lorem 이 출력됩니다. 예제 2 함수 내부에서 jbVar의 값을 불러왔으므로 지역변수의 값 Ipsum 이 출력..

[javascript] Post 방식을 이용한 새창 띄우기 [펌] id = newOwnerWindow 라는 form의 target을 새로 띄운 창으로 주는방식으로 submit되어 리턴받은 페이지를 새창에 띄울 수 있다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //세부정보보기 창 오픈 function openOwnerWindow(seq){ $frm = $("#newOwnerWindow"); //alert(seq); window.open('', seq); $("#newWindowSeq").val(seq); $frm.attr("action","${path}/visor_w/owDetail"); $frm.attr("target", seq); $frm.attr("method","post");..

[javascript/jQuery] Roulette Winning Wheel 룰렛 소스코드 모음 [펌] 1. http://serpiko.tistory.com/382 2. HTML5 Canvas: Lunch Wheel 3. http://www.dougtesting.net/winwheel 4. http://www.html5canvastutorials.com/labs/html5-canvas-wheel-of-fortune/ 출처 : zinee-world.tistory.com/134

[javascript/jquery] body overflow:hidden 이 모바일에서 안 먹을때 javascript로 해결방법 [펌] 상황: 모바일에서 사이드 네비게이션이 열린 상태에서 스크롤시 body는 스크롤 되지 않게 하고싶다 Solution A: CSS 1 2 3 4 5 6 html, body { overflow: hidden; position: relative; height: 100%; } PC에선 문제 없이 작동한다. 하지만 iOS 사파리랑 크롬에서는 무용지물. Solution B: CSS – fix 1 2 3 4 5 body { position: fixed; width: 100%; height: 100%; } PC, 모바일 모두 되긴 하는데 Side nav를 닫은 후에는 position이 ..

[javascript/jquery] 스크롤바 감추기 예제 개발을 진행하던중 레이어를 올렸는데 가끔 뒤 쪽에있는 부분은 스크롤이 되는 현상들이 있으실껍니다. 저도 그 현상때문에 찾아보다가 레이어를 show 시킬때 같이 정지 시켰다가 완료되서 레이어를 hide 할때 다시 동작하게 할수 있는 소스가 있어서 공유차 올립니다!! 도움들 되시길!! document.documentElement.style.overflow = "hidden"; // firefox, chrome document.body.scroll = "no"; // ie only 또는 document.documentElement.style.overflowX = "hidden"; // horizontal scrollbar will be hidden do..

[javascript] 두 좌표간 거리계산 함수 function getDistanceFromLatLonInKm(lat1,lng1,lat2,lng2) { function deg2rad(deg) { return deg * (Math.PI/180) } var R = 6371; // Radius of the earth in km var dLat = deg2rad(lat2-lat1); // deg2rad below var dLon = deg2rad(lng2-lng1); var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * Math.sin(dLon/2) * Math.sin(dLon/2); var..