개발자의 끄적끄적

[개발/지도] 두지점(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]

[javascript] 이메일 체크 정규식 예제 var mail_regExp = /^[A-Za-z0-9_\.\-]+@([a-zA-Z0-9]{1,10})\.([a-zA-Z]{1,10})+$/; var email_val = $("#"+ id).val(); rtn_result = email_val.match(mail_regExp); 예를들어, aaa@aaa.com.com 과 같은 이메일 형식은 불가능하고 aaa.aaa@aaa.com 과 같은 이메일 형식은 허용하는 정규식입니다. 위 정규식을 참고하여 적용하시고, rtn_result 값만 체크하는 로직을 연동하시면 바로 사용 가능하실껍니다! 오류가 있을 수 있으니 꼭 체크해보시고 사용하세용!!

[javascript] 자바스크립트에서 Image 썸네일 만들기 [펌] javascript 에서 업로드한 file 을 썸네일로 만들어 보겠습니다. 모바일 작업을 하는 중에 스마트폰에서 업로드 하는 이미지는 용량이 꽤 크기 때문에 웹 메모리상에 부하가 너무 심해서 썸네일로 줄여볼 방법이 없을까 하다가 찾게 되었습니다. FileReader 객체를 사용합니다. 지원 범위는 다음과 같습니다. 출처 : http://caniuse.com/#feat=filereader Jquery Import는 기본입니다. 먼저 파일 태그와 썸네일을 배치할 div 태그를 만듭니다. 1 2 3 Colored by Color Scripter cs 다음으로 Img File을 업로드한 후 작업 소스입니다. (javascript) 1 2 3..