Web
-
[jQuery] jQ Mobile 시작하기 - jQuery Mobile 강좌Web/jQuery 2016. 3. 16. 15:17
W3School 를 참고하여 작성하는 jQuery Mobile 강좌입니다. 아래 링크들은 Tutorial 편입니다. jQ Mobile 시작하기jQ Mobile 페이지(Pages)jQ Mobile 버튼(Buttons)jQ Mobile 아이콘(Icons)jQ Mobile 팝업(Popups)jQ Mobile 툴바(Toolbars)jQ Mobile 네비바(Navibars)jQ Mobile 패널(Panels)jQ Mobile 접는 블록(Collapsibles)jQ Mobile 테이블(Tables)jQ Mobile 그리드(Grids) jQuery Mobile Get Started Adding jQuery Mobile to Your Web Pages 당신의 웹 페이지에 jQuery Mobile을 추가하기 위한 두 가..
-
[Google Maps] 6. 구글 맵스 타입(Types) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 29. 14:12
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Types Google Maps - Basic Map Types 구글 맵스 API안에는 아래와 같은 종류의 맵 타입을 지원합니다: - ROADMAP(normal, default 2D map) - SATELLITE(photographic map) - HYBRID(photographic map + road and city names) - TERRAIN(map wi..
-
[Google Maps] 5. 구글 맵스 제어(Controls) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 16:29
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Controls Google Maps - The Default Controls 기본 구글 맵을 보면, 기본 제어 셋을 볼 수 있습니다: - Zoom: 맵의 줌 레벨을 제어하는 버튼인 "+/-" 슬라이더 - Pan: panning을 하기 위한 pan 컨트롤 - MapType: 맵 타입을 변경하기 위한 버튼 - Street View: 스트릿 뷰를 보기위한 버튼 G..
-
[Google Maps] 4. 구글 맵스 이벤트(Events) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 16:05
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Events Click The Marker to Zoom 이제 사용자가 마커를 클릭했을 때 줌을 하도록 해보곘습니다. * markerZoom.html 12345678910111213141516171819202122232425262728293031323334353637383940414243 var myCenter=new google.maps.LatLng(37.2..
-
[Google Maps] 3. 구글 맵스 오버레이(Overlays) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 15:48
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Overlays 구글 맵에 마커를 추가합니다. Google Maps - Overlays 오버레이(Overlays)는 맵에 위도 경도 좌표를 표시하기위한 객체입니다. 구글 맵은 여러 타입의 오버레이를 가지고 있습니다: - 마커(Marker): 맵에 단일 위치를 표시. 마커는 또한 특정 아이콘 이미지를 통해 표시할 수 있습니다. - 선(Polyline): 맵에 선..
-
[Google Maps] 2. 구글 맵스 기본 - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 15:07
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic) 구글 맵 API 오버레이(Overlays) 구글 맵 API 이벤트(Events) 구글 맵 API 제어(Controls) 구글 맵 API 타입(Types) Google Maps Basic Create a Basic Google Map 아래 예제 코드는 한국을 기준으로 구글 맵을 생성하였습니다. 직접 코드를 입력해서 실행해보세요. * googlemaps.html 12345678910111213141516171819202122function initialize() { var mapProp = { center:new google.m..
-
[Google Maps] 1. 개요(Tutorial) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 14:32
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic) 구글 맵 API 오버레이(Overlays) 구글 맵 API 이벤트(Events) 구글 맵 API 제어(Controls) 구글 맵 API 타입(Types) 순차적으로 봐주시면 아마 익히시기 편리하실 겁니다. 참조를 원하시면 각 장을 선택해주시면 됩니다. Google Maps API Tutorial What is Google Maps? 구글 맵은 웹 사이트에 맵을 표시하는데 사용됩니다. Google Maps API 이번 튜토리얼은 Google Maps API(Application Programming Interface)에 관한 ..
-
[AngularJS] 4. 템플릿 시스템과 데이터 바인딩 - 2 - AngularJS 강좌Web/AngularJS 2016. 2. 6. 17:06
템플릿 시스템과 바인딩 5. 조건적인 데이터 표현을 위한 템플릿 템플릿을 작성하다보면 조건에 따라 다른 코드를 작성하고 싶을때가 있습니다. 자바스크립트에서는 이렇게 특정 조건일 때 특정 코드 블록을 지정하는 데 조건문을 이용합니다. AngularJS의 템플릿에서도 자바스크립트의 switch와 if문과 비슷한 기능의 지시자를 제공합니다. ng-switch와 ng-if가 이에 해당합니다. 비슷한 지시자로 ng-show와 ng-hide 지시자가 있습니다. 이 두 지시자는 조건적으로 적용된 DOM의 CSS 속성 중 display 속성을 제어하는 지시자입니다. 다음은 ng-switch 사용법입니다. ............ ng-switch 문은 어떠한 HTML 태그에서도 사용할 수 있으며 부모 요소와 자식 요소가..