웹프로그래밍
-
밴드(BAND) 공유하기 정보(제목/내용/이미지) 스니핏웹프로그래밍/Javascript 2015.10.15 10:15
밴드 공유하기를 구현할때, 제목 내용 이미지를 넣고 싶었지만 아무리 공유하기를 눌러도 전달되지 않았다. window.open("http://www.band.us/plugin/share?body="+encodeURIComponent($("#docTitle").val() + "-" + $("#docAuthor").val())+encodeURIComponent("\n")+encodeURIComponent($("#docShortUrl").val())+"&route="+location.href, "share_band", "width=410, height=540, resizable=no"); (JSTL구문이 섞여있다...) 어쨋거나 body 파라미터에 제목\n주소 식으로 전달을 하면 밴드에 공유하기에 카드가 생긴다..
-
javascript comma and uncomma웹프로그래밍/Javascript 2015.10.01 10:23
자바스크립트에서 숫자를 표기할때 3자리마다 콤마를 찍어줘야 할 때가 있다 자주 사용하는 기능인데 매번 만들기란 여간 귀찮은게 아니다. 콤마찍기 1 2 3 4 5 //콤마찍기 function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,'); } 콤마풀기 1 2 3 4 5 //콤마풀기 function uncomma(str) { str = String(str); return str.replace(/[^\d]+/g, ''); } 복사 붙여넣기로 사용하자! input box에서 사용자 입력시 바로 콤마를 찍어주기 위한 함수도 추가 한다. 1 2 3 4 5 function inputNumberFormat(ob..
-
모바일 웹 개발시 유용한 팁웹프로그래밍/HTML 2015.09.04 11:36
모바일 웹 개발시 유용한 팁 [Viewport] - 기본설정 모바일 웹브라우저의 기본 화면크기 및 확대/축소 배율등을 정하는 모바일 웹사이트 및 웹앱을 만들시 제일 중요한 Meta 태그입니다. 기본적으로 아이폰의 사파리 웹브라우저는 넓이가 980px인 해상도로 보여주기 때문에 아이폰에서 아이폰3G(S)에 맞춰 디자인 한 웹페이지(320x480)를 본다고 가정한 경우 뷰포트를 설정하지 않는다면 가로 좌우 여백이 330px의 여백이 남는 아주 작은 화면을 보게 됩니다. 다음처럼 뷰포트를 사용하면 1:1 비율로 아이폰의 해상도에 맞게 최적화 할 수 있습니다. width : 넓이 - device-width | N px (200~10000 px, default 980 px) height : 높이 - device-..