-
Javascript, jQuery 2015‧12‧24
JS-페이스북 공유한 뒤 공유 여부값 가져오기
페이스북을 이용해서 게시물을 공유하게 한 뒤 공유가 되었거나 실패하였는지 확인하는 코드가 필요할 때가 있습니다. 이 코드를 작성하기 앞서 페이스북 개발자 센터에서 APP ID를 발급 받으셔야합니다. APP ID 발급 방법은 구글에서 'facebook app id'만 검색해도 쉽게 설명이 잘 나와있으니 참고하신 후 APP ID를 발급 받아놓습니다. 아래는 id 값 sharebutton 을 가진 공유버튼을 클릭하면 페이스북 공유 창이 […]
-
Javascript, jQuery 2015‧10‧17
javascript - head에 tag 엘리먼트 추가하기
상황에 따라 헤더에 스크립트 파일이나 css 태그를 넣어야하는 상황이 온다. 아래와 같이 넣으면 된다. if(!document.getElementById('id1')) { var script = document.createElement('script'); script.id = 'id1'; script.src = 'Scripts/Script1.js'; document.head.appendChild(script); } id는 존재하는 지 여부를 확인하는 것이기 때문에 넣는 편이 좋다.
-
Javascript, jQuery 2015‧10‧17
javascript - 주소의 파라미터값 변수로 받기
http://werty.co.kr/blog/?userid=honggildong&age=21 이런식으로 접속 주소가 발생하였고 클라이언트단에서 위 주소를 기반으로 변수를 받아 인터렉션을 구현할 때 아래 방법을 쓴다. function getParameterByName(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } 함수를 추가한 후 아래와 같이 이용해서 값을 […]
-
Javascript, jQuery 2015‧10‧08
구글 맵 - 일정 범위 다중 마커 합산한 Cluster(클러스터) 기능
구글 맵을 이용해서 마커를 찍을 경우가 있는데 이게 여러 개의 마커를 사용할 때가 있습니다. 그런데 여러개의 마커를 사용하게 되면 지도를 zoomout 을 많이 했을 때 엄청나게 많은 마커들이 집중되서 지저분해 보이게 됩니다. 그래서 만들어진 것이 cluster 입니다. 이 것은 여러개의 마커들이 어느 정도 범위안에 속하면 마커를 합치고 합친 갯수를 보여주게 됩니다. 이런 식으로 합쳐 나오게 […]
-
Javascript, jQuery 2015‧08‧10
자바스크립트 - 객체안에 값이 있는지 여부
var A = {}; 라는 객체에 있는지 없는지 여부를 length 로 사용해서 조건문을 만들게 되는데 A.length > 0 이렇게 바로 객체의 길이를 요청하면 에러가 난다. Object.keys(A).length > 0 이 처럼 길이를 요청하면 된다.
-
Javascript, jQuery 2015‧03‧05
javascript - 음수 양수 변환
가끔 수치를 양수로만 받아서 처리해야할 때가 많다. - 100 이든 100 이든 결과는 100이 나와야하는 경우다. var num = -100; Math.abs(num); 위 코드처럼 변환하고자 하는 값을 넣으면 결과는 양수인 100이 나온다.
-
Javascript, jQuery 2015‧02‧23
모바일웹에서 기상청 날씨(실황) api 가져와서 파싱해서 노출까지 자바스크립트로 만들기
<포스팅 업데이트 : 2017년 4월 11일> 다시한번 해당 내용으로 data.go.kr 문의를 보냈습니다. 원문은 https://www.data.go.kr/information/QNA_0000000000014129/qna.do 이 곳을 참고해보시면 됩니다. 결론부터 말씀드리자면 api를 제공하는 입장에서 크로스도메인은 보안상의 이유로 허용할 수 없다고 합니다. 라이브러리가 안되는건 다른 라이브러리를 사용해서든 크로스도메인을 스스로 알아서 해결하여 사용하라는 이야기입니다. 참고로 전 다른 라이브러리들을 이용해서 시도해 보았으나 이 원리가 yahoo api를 거쳐 다녀오는 형태의 라이브러리들인데 […]
-
Javascript, jQuery 2015‧02‧13
jQuery - parseJSON에서 Uncaught SyntaxError: Unexpected token 오류날 때
이 것때문에 참 많이 고생했다. 혹시나 불러온 데이터의 형식이 문제인지 아니면 ajax로 불러올 때 설정을 잘못한건지 답을 찾기가 힘들었다. 그러던 중 조금씩 답이 보이기 시작했는데 바로 ajax로 불러온 데이터안에 구조중 빈공간이지만 내려쓰기 한 것이 있기 때문이였다. 즉 한줄로 써야하는 데이터를 html dom 구조로 보기좋게 만들다보니 이런 오류가 발생하는 것이였다. 대표적으로 대한민국 기상청 api 였다. ㅠㅠ […]
-
Javascript, jQuery 2015‧02‧13
JS - 현재 날짜 가져오기
현재 날짜를 년월일로 가져오는 방법은 아래와 같다. var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()+1; //January is 0! var yyyy = today.getFullYear(); if(dd<10) { dd='0'+dd } if(mm<10) { mm='0'+mm } today = yyyy+'/' + mm+'/'+dd; 추가로 댓글로 나그네님께서 제공해주신 코드입니다. 좀더 간결하고 편하네요. var st_date = new Date().toISOString().substr(0, 10).replace('T', ' […]
-
Javascript, jQuery 2015‧02‧12
jQuery 플러그인 - 크로스 도메인 ajax로 가져오기
외부에서 파일을 가져올 때 도메인이 다르면 보안 정책에 의해서 파일이 불러와지지 않는다. 이를 도와주는 플러그인이 있다. Cross-domain requests with jQuery 소개 및 다운로드 주소는 http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/ 이다. 사용 방법은 간단하다. 일반적으로 ajax 호출하는 것은 그대로 사용하고 head안에 플러그인을 불러오기만 하면 된다. <script type="text/javascript" src="./js/jquery.xdomainajax.js"></script>