Loading...
2018.02.21 17:12

Data URL을 이용한 엑셀 파일 생성하기

javascript 에서 테이블 구조의 html을 전달 받아 Excel 파일을 생성하는 함수 입니다. 기본적으로 서버에서 만들어진 내용을 다운받도록 하지만 클라이언트 쪽에서 바로 xls 파일을 생성 할 수 있도록 하는 방법입니다. 기본문법 : data:[<mediatype>][;base64],<data>     function fnExcelReport(cont, fileNa..

jquery ajax 동기처리가 안되는 경우.. async 옵션이 적용 안될 때.

jQuery ajax 옵션중에는 async 옵션이 있습니다.이것은 기본적으로 ajax가 비동기 처리를 하지만 필요에 따라 동기 요청을 하기 위한 옵션이지만최근 경험상 적용이 되지 않는 것이 확인되어 api 사이트를 확인해보니 아래와 같은 내용이 확인이 됩니다.크로스 도메인일 경우 데이터 타입이 jsonp라면 지원되지 않는다. 위의 조건 외에도 1.8 버전 이후부터 지원되지 않음이라고 명시되어있고 콜백 함수를 이용하도록 명시..

2017.09.18 13:51

modal 팝업창에서 datepicker 사용 시 연도 월 Select box가 열리지 않는 문제 해결 방법

Bootstrap modal 팝업창에서 datepicker 사용 시 changeMonth , changeYear 옵션을 true 로 사용할 경우 정상적으로 펼쳐지지 않고바로 닫히는 버그가 있는데 꽤 오래된 상황임에도 업데이트가 되어지지 않고 있습니다.하지만,  역시 스택오버플로우 https://stackoverflow.com/questions/22050641/month-select-in-datepicker-insi..

2017.01.18 15:20

카카오링크 보내기 ( Kakao.Link )

동적으로 바뀌는 내용의 카카오링크를 보내는 예제입니다. 카카오 Developers 페이지에서도 확인 하실 수 있습니다. https://developers.kakao.com/docs/js 추가적인 함수들은 아래 링크에서 확인가능합니다. https://developers.kakao.com/docs/js-reference#kakao_link 적용하기 위해서는 api 와 url 정보 변경이 필요합니다. 샘플 Url : http:/..

2017.01.18 15:14

카카오톡 개발자 등록 및 애플리케이션 등록

카카오 API도 버전이 올라가며 많이 바뀌었네요.밑바닥 부터 천천히 하나씩 짚어봐야겠습니다.첫발을 내딛기 위해서는 등록부터..▼  https://developers.kakao.com/Kakao Developers에 로그인 합니다.▼ https://developers.kakao.com/apps내 애플리케이션 메뉴에서 앱 만들기를 선택합니다.▼ 앱 이름을 적고 앱 만들기를 클릭▼ 필요한 경우 앱 아이콘을 업로드 할수도 있습니다.▼ 등록..

네이버 맵 (기본 맵 + 마커) v3

네이버 기본 맵 ( 마커 찍기 + 라벨 넣기 ) Test Url : http://www.uhoon.co.kr/test/995.html 네이버 API 키 발급 Url : https://dev.naver.com/openapi/register <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr..

2016.12.14 23:21

네이버 스마트 에디터 ( 이미지 업로드 포함 )

스마트 에디터에 이미지 업로드 기능을 추가된 샘플 소스입니다.. jimmy1775 님께서 asp 업로드 모듈을 개발해주시고  idtong 님께서 jsp 모듈을 개발해주셨습니다.. 감사드립니다. Test UIrl : http://www.uhoon.co.kr/test/988/SmartEditor/SEditorDemo.html DownLoad :   (2013.06.30 추가) ps. 추가로 이미지 업로드 ..

2016.12.14 23:13

[Google API] 구글맵 v3 infoBox

구글맵 infoWindow 만으로는 html 사용에 제약이 많습니다. 디자인 소스 적용이 어렵기 때문입니다. 해결을 위해 플러그인이 제공되고 있습니다. 그 이름 " infoBox" !! 좀더 자유롭게 디자인 소스를 입힐 수 있는데요. 사용하기 위해서는 infobox.js 를 추가해야 합니다. JS : 다운로드 샘플 코드 :   http://www.uhoon.co.kr/test/6502.html ** 기본 infoWi..

2016.12.12 18:36

구글맵 v3 단순 다중 마커 (배열이용)

종종 단순 배열 마커가 필요한  경우가 있을때 사용하기 위한 샘플입니다. 많은 기능이 들어간 샘플에서 기능 걷어내는것도 일인지라.. Test Url : http://www.uhoon.co.kr/test/6477.html <!doctype html> <html> <head> <meta charset="utf-8" /> <title>googlemap v3 </t..

2016.12.12 18:30

구글맵 마커 + 말풍선 - v3

구글맵 V3 + 마커 샘플입니다. 일반적으로 기본 구글맵에서 가장 많이쓰는것이기도 한데요.. Test Url : http://www.uhoon.co.kr/test/4338/4338.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Info windows</title> <style> ..