개발자의 끄적끄적

[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..

[개발/지도] 두지점(WGS84 좌표)간 km 거리 계산 함수(php, mysql, javascript) WGS84 좌표계는 위키피디아에 따르면 다음과 같다. World Geodetic System (WGS) 1984년에 제정된 범 지구적 측위 시스템으로 지도학, 측지학, 항법에 많이 사용된다. 통칭 및 약칭은 WGS 84 (aka WGS 1984, EPSG:4326, WGS84)라고 부르며, 2004년에 마지막으로 개정되었다. 이전에 쓰던 초안으로 WGS 72, WGS 66, 그리고 WGS 60이 있다. 기존에는 네이버 지도 등에서 KTM 좌표를 사용하기도 했지만 요즘엔 WGS84 좌표를 주로 사용한다. 이번에 작업을 하면서 WGS84 좌표 두개의 거리를 계산해야하는 일이 생겼다. 관련된 내용을 찾아보..