lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • Javascript, jQuery 2017‧10‧16

    JS-현재 위치(지오로케이션) 구글맵 api 에 표시

    html5의 지오로케이션(geolocation)을 이용해서 위치를 가져온 후 구글맵에 넣는 코드 html에 아래 엘리먼트를 추가해 준다. <div id="map-canvas"></div>   자바스크립트 부분에 아래 코드를 넣어준다. window.onload = getLocation; function getLocation(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(locationSuccess, locationError, geo_options); }else{ console.log("지오 로케이션 없음") } }; // getLocation var latitude, longitude; function locationSuccess(p){ latitude = p.coords.latitude, longitude = p.coords.longitude; initialize(); } // locationSuccess function […]

  • Tools 2016‧10‧11

    구글 통계 - 캠페인 url 만들기

    구글 애널리틱스에 캠페인과 관련된 링크를 만들어 사용하게 되면 접속하는 경로의 파라미터들을 통해 어디서 접속해서 어떤 캠페인을 통해 어떤 것을 클릭했는지 등과 같은 좀 더 자세한 추적을 알아낼 수 있다. https://ga-dev-tools.appspot.com/campaign-url-builder/

  • Javascript, jQuery 2015‧10‧08

    구글 맵 - 일정 범위 다중 마커 합산한 Cluster(클러스터) 기능

    구글 맵을 이용해서 마커를 찍을 경우가 있는데 이게 여러 개의 마커를 사용할 때가 있습니다. 그런데 여러개의 마커를 사용하게 되면 지도를 zoomout  을 많이 했을 때 엄청나게 많은 마커들이 집중되서 지저분해 보이게 됩니다. 그래서 만들어진 것이 cluster 입니다. 이 것은 여러개의 마커들이 어느 정도 범위안에 속하면 마커를 합치고 합친 갯수를 보여주게 됩니다. 이런 식으로 합쳐 나오게 […]

  • 2013, 2013-2014 2013‧03‧19

    Google Webmaster Conference 2013

    구글과 함께 진행하는 웹마스터 2013 컨퍼런스의 등록 사이트를 제작하였다.큰 내용이 필요한 사이트가 아니었기에 단독 작업이 가능하였고 사이트 제작과 더불어 패키지 디자인도 역시 같이 진행하였다.배너, 현수막, 명찰, 프로그램북 커버, EDM 디자인을 함께 처리하였다. <전체 스크린샷>  

  • Html, CSS 2012‧07‧04

    구글 웹폰트 사용하기

    http://www.google.com/webfonts 구글 웹폰트... 몇개 없을 줄 알았는데...500개가 넘는 폰트들을 웹 api를 통해 제공한다.  사용법은 클릭 한번으로 끝난다.   마음에 드는 폰트의 오른쪽을 보면 Quick-use 버튼이 있다.  클릭하면 다음 페이지로 넘어가서 아래와 같이 한줄을 부여해주고 이걸 헤더에 넣어주면 끝난다. <link href='http://fonts.googleapis.com/css?family=Gentium+Basic' rel='stylesheet' type='text/css'>  그런후 사용하고 싶은 폰트 클래스에 font-family: 'Gentium Basic', serif;  이렇게 넣어주면 된다. 이 모든 […]

popular

  • 이미지에 여백이 생길 때 해결 방법들
  • aws Cannot exceed quota for PoliciesPerRole: 10
  • github로 무료 웹호스팅, 미디어 호스팅 이용하기(for 디자이너)
  • 리액트 네이티브 - 웹뷰에 유저 에이전트 수정하기 (iOS, Android)
  • 리눅스 명령어(Linux Command)
  • lightsail ssl 인증서 갱신 + 자동 갱신 (bncert-tool 무료 ssl)
  • 영문 텍스트의 경우 css로 대문자 혹은 소문자로 변환시켜 노출시키기
  • css3 - 아이폰에서 스크롤이 부드럽지 않고 버벅일 때
  • JS - textarea 폰트 사이즈 변경
  • jQuery - a 태그의 href 값 변경하기

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....