개발자의 끄적끄적

[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 좌표 두개의 거리를 계산해야하는 일이 생겼다. 관련된 내용을 찾아보..

[javascript] 현재위치에서 반경2km 내 업체들 거리, 도보/자전거 이동거리 구하기[펌] 다음지도를 바탕으로 현재 GPS 위치상에서 반경 2km이내에 업체들 마커를 화면에 찍고, 현재 위치에서 각각의 거리를 구하고, 도보 및 자전거로 이동거리를 구하는 소스를 작업해 봤다. 이 소스는 실무에서 참 유용하게 쓰일것으로 생각된당 ^^ 다음지도 - 현재 GPS 상에서 반경 2km 이내의 업체들 거리, 도보/자전거 이동시간 구하기 [ 결과화면 ] 출처 : wonpaper.tistory.com/56

[javascript] colorpicker 참고 사이트! 프로젝트를 진행하던 중에 javascript colorpicker 를 연동해야 하는 이슈가 발생해서 검색하다가 괜찮은 사이트가 있어서 공유하고자 퍼왔습니다! 아직 연동전이지만, 연동해보고 참고 소스 추가적으로 올리겠습니다. 일단! 아래 링크 들어가서 참고들 하세요! 링크 : https://www.cssscript.com/tag/color-picker/ Best Free Color Picker In JavaScript & CSS - CSS Script 10+ best free color picker components implemented in vanilla JavaScript and/or pure CSS/CSS3. www.cssscript.com

[javascript] 추억의 javascript로 달력 만들기 [펌] javascript 달력 관련 정보를 인터넷으로 찾아보던중 직접 만들어서 특화된 달력을 구현해보고 싶다는 생각이 들었습니다. 그래서 돌아다니다가 정말 참고될만한 글이라고 생각되어 퍼왔습니다. 다른분들도 개발하시는데 도움들 되셨으면 좋겠네요~! 출처는 맨~ 아래 명시했습니다!! 참고들하세요! 작년에 자바스크립트를 만지면서 dom을 가지고 뭘 만들어 볼 수 있으려나 싶어서 만들어 본 것이 달력만들기였다. Date객체만을 이용해서 달력을 만들었는데 이런 생 노가다가 없었다. 지금이야 React moment 라이브러리를 이용해서 쉽게 만들지만 그때는 꽤나 힘들었다... 그래서 삽질의 과정을 포스팅 해보려 한다. 틀 만들기 목업 design ..

[javascript/jquery] 자바스크립트 기능 제작, 달력 (Javascript Calendar) [펌] 오늘은 자바스크립트 달력을 만들어 왔습니다! 갑작스럽게 이런 기능을 만든 이유는 일하다가 사용할 일이 생겨서죠... ㅋ 단순하게 월 별로 이동할 수 있는 기능만 만들었습니다. 일단 스크립트를 보면서 설명 드리죠. 이 코드를 사용, 무단 배포 하는 것은 내부의 주석은 삭제하지 않았을 때만 가능합니다. function kCalendar(id, date) { var kCalendar = document.getElementById(id); if( typeof( date ) !== 'undefined' ) { date = date.split('-'); date[1] = date[1] - 1; date ..

[jQuery] 모바일에서 Datepicker 사용 시 키보드 올라오지 않게 하는 방법 모바일에서 Datepicker 사용 시 input type="text" 로 인해 키보드가 올라오게 되는 현상에 대한 대처 방법 HTML JS $('#divDate').datetimepicker({ format: "YYYY-MM-DD", ignoreReadonly: true }); 출처: https://sshbug.tistory.com/230 [SsonG's]