개발자의 끄적끄적

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

[javascript] color picker [펌] 자바스크립트로 color picker 를 구현해야 되는 내용이 생겨서 찾아보던 중 tinycolorpicker 라는 color picker 가 있어서 퍼왔습니다! 내용확인용으로만 참고하시구요! 자세한 내용은 아래 출처 링크 들어가서 확인해 보셔야 됩니다!! 도움들 되시길! Top 5 : Best javascript and jQuery color picker plugins JULY 7TH 2020 89.7K 11 COMMENTS A color tool, color picker, or color chooser in an application, is an utility that is usually but not necessarily found within ..