Daum 지도 Web API Documentation

Size: px
Start display at page:

Download "Daum 지도 Web API Documentation"

Transcription

1 Maps API Map sdohtme stnev E About 지도 객체 Guide Sample Constructor Docs Wizard News daum.maps.map(container, options) 지도를 생성한다. 지도 생성하기 샘플보기 var cont ainer = document.get Element ById('map'), options = { cent er: new daum.maps.lat Lng( , ), level: 3 }; var map = new daum.maps.map(cont ainer, opt ions); cont ainer Node : 지도가 표시될 HTML element opt ions Object cent er LatLng : 중심 좌표 (필수) level Number : 확대 수준 (기본값: 3) maptypeid MapTypeId : 지도 종류 (기본값: 일반 지도) draggable Boolean : 마우스 드래그, 휠, 모바일 터치를 이용한 시점 변 경(이동, 확대, 축소) 가능 여부 scrollwheel Boolean : 마우스 휠, 모바일 터치를 이용한 확대 및 축소 가능 여부 disabledoubleclick Boolean : 더블클릭 이벤트 및 더블클릭 확대 가능 여부 disabledoubleclickzoom Boolean : 더블클릭 확대 가능 여부 project ionid String : 투영법 지정 (기본값: daum.maps.project ionid.wcong) tileanimation Boolean : 지도 타일 애니메이션 설정 여부 (기본값: true) keyboardshort cut s Boolean Object : 키보드의 방향키와 +, 키로 1/124

2 지도 이동,확대,축소 가능 여부 (기본값: false) speed Number : 지도 이동 속도 Methods setcenter(latlng) 지도의 중심 좌표를 설정한다. 지도 이동시키기 샘플보기 map.set Cent er(new daum.maps.lat Lng( , )); lat lng LatLng getcenter() 지도의 중심 좌표를 반환한다. 지도 정보 얻어오기 샘플보기 var posit ion = map.get Cent er(); Lat Lng setlevel(level, options) 지도의 확대 수준을 설정한다. MapTypeId 의 종류에 따라 설정 범위가 다르다. SKYVIEW, HYBRID 일 경우 0 ~ 14, ROADMAP 일 경우 1 ~ 14. 지도 레벨바꾸기 샘플보기 // 지도 레벨을 4로 설정한다 map.set Level(4); // 지도 레벨을 4로 설정하고 특정 좌표를 기준으로 확대 또는 축소되도록 한다 map.set Level(4, {anchor: new daum.maps.lat Lng( , ) 2/124

3 // setlevel 시 애니메이션 효과 옵션 설정, 기본지속시간은 300ms이다 map.set Level(4, {animat e: true // setlevel 시 애니메이션 효과의 지속시간을 500ms로 설정 map.setlevel(4, { animate: { durat ion: 500 } level Number opt ions Object animate Boolean Object : 지도 확대수준 변경 시 애니메이션 효과 여 부 (현재 지도 레벨과의 차이가 2 이하인 경우에만 애니메이션 효과 가능) duration Number : 애니메이션 효과 지속 시간 (단위: ms) anchor LatLng : 지도 확대수준 변경 시 기준 좌표 getlevel() 지도의 확대 수준을 반환한다. 지도 정보 얻어오기 샘플보기 var level = map.get Level(); Number setmaptypeid(maptypeid) 지도의 타입을 설정한다. 지도 타입 바꾸기1 샘플보기 지도 타입 바꾸기2 샘플보기 map.set MapTypeId(daum.maps.MapTypeId.HYBRID); 3/124

4 maptypeid MapTypeId getmaptypeid() 지도의 타입을 반환한다. 지도 정보 얻어오기 샘플보기 map.get MapTypeId(); // daum.maps.maptypeid.roadmap MapTypeId setbounds(bounds[, paddingtop, paddingright, paddingbottom, paddingleft]) 주어진 영역이 화면 안에 전부 나타날 수 있도록 지도의 중심 좌표와 확대 수준을 설 정한다. 주어진 영역외에 추가로 padding값을 지정할 수 있다. 2번째 파라메터부터 top, right, bottom, left값이며 파라메터를 1개 이상 지정한 경우 지정하지 않은 파라메터에 대해서는 CSS의 padding rule을 따른다. (ex. paddingtop:100, paddingright:50 을 지정한 경우. t op, right, bot t om, left 순서로 ) padding값을 지정하지 않으면 기본값으로 상하좌우 32가 적용된다. 지도 범위 재설정 하기 샘플보기 map.set Bounds(bounds); bounds LatLngBounds paddingtop Number paddingright Number paddingbot t om Number paddingleft Number 4/124

5 getbounds() 지도의 영역을 반환한다. 지도 정보 얻어오기 샘플보기 var bounds = map.get Bounds(); bounds.t ost ring(); // "(( , ), ( , ))" LatLngBounds panby(dx, dy) 중심 좌표를 지정한 픽셀 만큼 부드럽게 이동한다. 만약 이동할 거리가 지도 화면의 크기보다 클 경우 애니메이션 없이 이동한다. map.panby(100, 50); dx Number dy Number panto(latlng_or_bounds[, padding]) 중심 좌표를 지정한 좌표 또는 영역으로 부드럽게 이동한다. 필요하면 확대 또는 축 소도 수행한다. 만약 이동할 거리가 지도 화면의 크기보다 클 경우 애니메이션 없이 이동한다. padding 만큼 제외하고 영역을 계산하며, padding 을 지정하지 않으면 기본값으로 32가 사용된다. 지도 이동시키기 샘플보기 var movelatlng = new daum.maps.latlng( , ); map.panto(movelat Lng); 5/124

6 lat lng_or_bounds LatLng LatLngBounds padding Number addcontrol(control, position) 지도에 컨트롤을 추가한다. 지도에 컨트롤 올리기 샘플보기 var cont rol = new daum.maps.zoomcont rol(); map.addcont rol(cont rol, daum.maps.cont rolposit ion.topright); cont rol MapTypeControl ZoomControl posit ion ControlPosition removecontrol(control) 지도에서 컨트롤을 제거한다. map.removecont rol(cont rol, daum.maps.cont rolposit ion.topright); cont rol MapTypeControl ZoomControl setdraggable(draggable) 마우스 드래그와 모바일 터치를 이용한 지도 이동 가능 여부를 설정한다. 지도 이동 막기 샘플보기 map.set Draggable(false); draggable Boolean 6/124

7 getdraggable() 마우스 드래그와 모바일 터치를 이용한 지도 이동 가능 여부를 반환한다. // 지도가 드래그로 이동이 가능한 상태면 true, 아니면 false를 반환한다. map.get Draggable(); Boolean setzoomable(zoomable) 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소 가능 여부를 설정한다. 지도 객체 함수 호출을 통한 확대, 축소는 동작한다. 지도 확대 축소 막기 샘플보기 // 지도의 마우스 휠, 모바일 터치를 이용한 확대, 축소 기능을 막는다. map.set Zoomable(false); // 지도 객체 함수 호출을 통한 확대, 축소는 동작한다. map.set Level(3); zoomable Boolean getzoomable() 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소 가능 여부를 반환한다. // 지도가 마우스 휠과 모바일 터치를 이용해 확대, 축소가 가능한 상태이면 true, 아니면 false를 반환한다. map.get Zoomable(); Boolean 7/124

8 setprojectionid(projectionid) Daum-Open-API-Reference_http://dna.daum.net 지도의 project ionid를 지정한다. 이 메소드로 API 내부의 좌표계의 투영 방법을 설정할 수 있다. 기본값은 daum.maps.project ionid. WCONG // API 내부의 좌표게가 특정 투영법을 사용하지 않도록 할 경우. map.set Project ionid(daum.maps.project ionid.none); project ionid ProjectionId getprojectionid() 지도의 project ionid를 반환한다. map.get Project ionid(); Project ionid relayout() 지도를 표시하는 HTML elemente의 크기를 변경한 후에는 반드시 이 함수를 호 출해야 한다. 단, window의 resize 이벤트에 대해서는 자동으로 호출한다. 지도 영역 크기 동적 변경하기 샘플보기 var cont ainer = document.get Element ById('map'), options = { cent er: new daum.maps.lat Lng( , ), level: 3 }; var map = new daum.maps.map(cont ainer, opt ions); cont ainer.st yle.widt h = '1200px'; cont ainer.st yle.height = '800px'; 8/124

9 map.relayout(); addoverlaymaptypeid(maptypeid) 지도에 로드뷰, 교통정보 등의 오버레이 타입의 타일 이미지를 올린다. 로드뷰 타일 이미지를 추가할 경우 RoadviewOverlay 와 동일한 기능을 수행한다. 지도에 교통정보 표시하기 샘플보기 지도에 로드뷰 도로 표시하기 샘플보기 지도에 지형도 표시하기 샘플보기 map.addoverlaymaptypeid(daum.maps.maptypeid.traffic); maptypeid MapTypeId removeoverlaymaptypeid(maptypeid) 지도에 로드뷰, 교통정보 등의 오버레이 타입의 타일 이미지를 삭제한다. map.removeoverlaymaptypeid(daum.maps.maptypeid.traffic); maptypeid MapTypeId setkeyboardshortcuts(active) 키보드의 방향키와 +,-키로 지도 이동,확대,축소 가능여부를 설정한다. // 키보드로 지도를 조작할 수 없도록 설정한다 map.set KeyboardShort cut s(false); act ive Boolean 9/124

10 getkeyboardshortcuts() 키보드의 방향키와 +,-키로 지도 이동,확대,축소 가능여부를 반환한다. // true를 반환하면 현재 지도를 키보드로 조작할 수 있는 상태이다 map.get KeyboardShort cut s(); Boolean setcopyrightposition(copyrightposition[, reversed]) copyright 의 위치를 설정한다 // copyright의 위치를 오른쪽 아래로 설정하고, 로고와의 위치를 반전시킨다 // 실행 결과는 아래 이미지와 같다 map.set Copyright Posit ion(daum.maps.copyright Posit ion.bottomright, true) ; copyright Posit ion CopyrightPosition reversed Boolean getprojection() 지도의 좌표 변환 객체를 반환한다. var proj = map.get Project ion(); 10/124

11 MapProject ion Events center_changed 중심 좌표가 변경되면 발생한다. 중심좌표 변경 이벤트 등록하기 샘플보기 daum.maps.event.addlist ener(map, 'cent er_changed', functio n() { alert('center changed!'); zoom_start 확대 수준이 변경되기 직전 발생한다. daum.maps.event.addlist ener(map, 'zoom_st art', functio n() { alert('map is going to zoom!'); zoom_changed 확대 수준이 변경되면 발생한다. 확대, 축소 이벤트 등록하기 샘플보기 daum.maps.event.addlistener(map, 'zoom_changed', function() { alert('zoom changed!'); bounds_changed 지도 영역이 변경되면 발생한다. 영역 변경 이벤트 등록하기 샘플보기 11/124

12 daum.maps.event.addlistener(map, 'bounds_changed', function() { alert('bounds changed!'); click 지도를 클릭하면 발생한다. 클릭 이벤트 등록하기 샘플보기 클릭한 위치에 마커 표시하기 샘플보기 daum.maps.event.addlist ener(map, 'click', functio n(mouseevent) { var lat lng = mouseevent.lat Lng; alert('click! ' + latlng.tostring()); Arguments MouseEvent dblclick 지도를 더블클릭하면 발생한다. daum.maps.event.addlist ener(map, 'dblclick', functio n(mouseevent) { var lat lng = mouseevent.lat Lng; alert('double click! ' + latlng.tostring()); Arguments MouseEvent rightclick 지도를 마우스 오른쪽 버튼으로 클릭하면 발생한다. 12/124

13 daum.maps.event.addlist ener(map, 'right click', functio n(mouseevent) { var lat lng = mouseevent.lat Lng; alert('right click! ' + latlng.tostring()); Arguments MouseEvent mousemove 지도에서 마우스 커서를 이동하면 발생한다. daum.maps.event.addlist ener(map, 'mousemove', functio n(mouseevent) { // do something Arguments MouseEvent dragstart 드래그를 시작할 때 발생한다. daum.maps.event.addlist ener(map, 'dragst art', functio n() { // do something drag 드래그를 하는 동안 발생한다. daum.maps.event.addlistener(map, 'drag', function() { // do something 13/124

14 dragend 드래그가 끝날 때 발생한다. daum.maps.event.addlistener(map, 'dragend', function() { // do something idle 중심 좌표나 확대 수준이 변경되면 발생한다. 단, 애니메이션 도중에는 발생하지 않는다. daum.maps.event.addlistener(map, 'idle', function() { // do something tilesloaded 확대수준이 변경되거나 지도가 이동했을때 타일 이미지 로드가 모두 완료되면 발생 한다. 지도이동이 미세하기 일어나 타일 이미지 로드가 일어나지 않은경우 발생하지 않는 다. 타일로드 이벤트 등록하기 샘플보기 daum.maps.event.addlist ener(map, 't ilesloaded', functio n() { // do something maptypeid_changed 지도 기본 타일(일반지도, 스카이뷰, 하이브리드)이 변경되면 발생한다. 14/124

15 daum.maps.event.addlist ener(map, 'mapt ypeid_changed', funct ion() { // do something MapTypeControl 일반 지도/하이브리드 간 지도 타입 전환 컨트롤을 생성한다. Map 객체의 addcontrol 또는 removecontrol 메소드의 인자로 사용된다. 현재는 일반 지도/하이브리드 간 전환 컨트롤만 지원되며 다른 지도 타입을 제어하는 컨 트롤이 필요할 경우에는 직접 구현해야 한다. 지도에 컨트롤 올리기 샘플보기 Constructor daum.maps.maptypecontrol() var maptypecont rol = new daum.maps.maptypecont rol(); // 지도 오른쪽 위에 지도 타입 컨트롤이 표시되도록 지도에 컨트롤을 추가한다. map.addcont rol(maptypecont rol, daum.maps.cont rolposit ion.topright); ZomControl 15/124

16 주어진 객체로 확대 축소 컨트롤을 생성한다. Map 객체의 addcontrol 또는 removecontrol 메소드의 인자로 사용된다. 지도에 컨트롤 올리기 샘플보기 Constructor daum.maps.zoomcontrol() var zoomcont rol = new daum.maps.zoomcont rol(); // 지도 오른쪽에 줌 컨트롤이 표시되도록 지도에 컨트롤을 추가한다. map.addcont rol(zoomcont rol, daum.maps.cont rolposit ion.right); MapTypeId daum.maps.maptypeid 객체 Constants daum.maps.maptypeid. MAP_TYPE_ID 지도의 타입이 상수 값으로 정의되어 있다. MAP_TYPE_ID 값으로 사용 가능한 목록은 다음과 같다. ROADMAP : 일반 지도 SKYVIEW : 스카이뷰 HYBRID : 하이브리드(스카이뷰 + 레이블) ROADVIEW : 로드뷰 16/124

17 OVERLAY : 레이블 TRAFFIC : 교통정보 TERRAIN : 지형도 BICYCLE : 자전거 BICYCLE_HYBRID : 스카이뷰를 위한 자전거 (어두운 지도에서 활용) USE_DISTRICT : 지적편집도 지도의 타입은 용도에 따라 두 가지로 분류한다. 베이스 타입 : ROADMAP SKYVIEW HYBRID 오버레이 타입 : OVERLAY TERRAIN TRAFFIC BICYCLE BICYCLE_HYBRID USE_DISTRICT 기본 타일은 베이스 타입 을 사용한다. Map.set MapTypeId 함수를 통해 지정 가능하다. 기본 타일 위에 얹는 타일은 오버레이 타입 을 사용한다. Map.addOverlayMapTypeId 함수를 통해 지정한 타일을 지도 위에 올릴 수 있다. 그리고 Map.removeOverlayMapTypeId 함수로 언제든 올렸던 오버레이 타일을 걷어낼 수도 있다. 지적편집도 오버레이 타입은 현행 지적 정보와 일치하지 않을 수 있으며 참고 이외 의 용도로 사용하실 수 없습니다. 17/124

18 지도 타입 바꾸기1 샘플보기 지도 타입 바꾸기2 샘플보기 ProjectionId daum.maps.project ionid 객체 Constants daum.maps.projectionid. PROJECTION_ID 지도의 projectionid 값이 상수 값으로 정의되어 있다. PROJECTION_ID 값으로 사용 가능한 목록은 다음과 같다. NONE : 투영 없는 API 내부의 좌표계 자체. left-bottom을 (0,0)으로 하는 픽 셀단위의 좌표계. WCONG : API 내부 좌표계를 WCongnamul좌표계로 투영. 외부에서 WCongnamul 좌표를 받아 사용가능. tioncontrolposi daum.maps.cont rolposit ion 객체 Contstants daum.maps.controlposition. CONTROL_POSITI ON 컨트롤 위치가 상수 값으로 정의되어 있다. CONTROL_POSITION 값으로 사용 가능한 목록은 다음과 같다. TOP : 위 가운데를 의미한다. 아래로 쌓인다. TOPLEFT : 왼쪽 위를 의미한다. 오른쪽으로 쌓인다. TOPRIGHT : 오른쪽 위를 의미한다. 왼쪽으로 쌓인다. LEFT : 왼쪽 위를 의미한다. 아래로 쌓인다. (주의: 왼쪽 중앙을 의미하는 것이 아니다.) RIGHT : 오른쪽 위를 의미한다. 아래로 쌓인다. (주의: 오른쪽 중앙을 의미하는 것이 아니다.) 18/124

19 것이 아니다.) BOTTOMLEFT : 왼쪽 아래를 의미한다. 오른쪽으로 쌓인다. BOTTOM : 아래 가운데를 의미한다. 위로 쌓인다. BOTTOMRIGHT : 오른쪽 아래를 의미한다. 왼쪽으로 쌓인다. Daum-Open-API-Reference_http://dna.daum.net 다음과 같이 접근한다. daum.maps.cont rolposit ion.topleft; 지도 컨트롤 올리기 샘플보기 tioncopyrightposi daum.maps.copyright Posit ion 객체 Contstants daum.maps.copyrightposition. COPYRIGHT_P OSITION copyright의 위치가 상수값으로 정의되어 있다. COPYRIGHT_POSITION 값으로 사용 가능한 목록은 다음과 같다. BOTTOMLEFT : 왼쪽 아래를 의미한다. BOTTOMRIGHT : 오른쪽 아래를 의미한다. 다음과 같이 접근한다. daum.maps.copyright Posit ion.bottomright; lesetti sdohtme c i tats 주어진 객체로 타일셋을 생성한다. 커스텀 타일셋1 샘플보기 커스텀 타일셋2 샘플보기 Constructor 19/124

20 daum.maps.tileset(width, height, urlfunc, copyright, dark, minzoom, maxzoom) var tileset = new daum.maps.tileset(256, 256, function(x, y, z) { /** * x: column * y: row * z: level **/ // 세 parameter를 조합하여 타일 주소를 조합/반환한다. return ' + z + '/' + y + '/' + x + '.png'; }, [], false, 2, 5); width Number : 타일의 가로 크기 height Number : 타일의 세로 크기 urlfunc Function : 타일 주소를 반환하는 함수. 세 개의 파라메터를 가진다. copyright Array.<TilesetCopyright> : 생성할 타일의 카피라이트(기본값: []) dark Boolean : 어두운 타일인지 여부 minzoom Number : 최소 레벨 maxzoom Number : 최대 레벨 gettile Function : 타일 Element를 반환하는 함수. 세개의 파라미터를 가 진다. urlfunc 옵션 대신 사용한다. Static Methods add(id, tileset) 타일셋에 ID를 지정해 추가한다. 추가되면 daum.maps.[지정한id] 로 타일셋을 사용할 수 있다. id String : 지정할 타일셋의 ID t ileset Tileset : 생성한 Tileset 객체 daum.maps.tileset.add('sample', t ileset); // daum.maps.maptypeid.sample 20/124

21 var map = daum.maps.map(cont ainer, opt ions); map.set MapTypeId(daum.maps.MapTypeId.SAMPLE); lesetcopyrightti 주어진 객체로 타일셋 카피라이트를 생성한다. Constructor daum.maps.tilesetcopyright(msg, shortmsg, minzoom) var copyright = new daum.maps.tileset Copyright('Nasa', 'Nasa', 9); msg String : 기본적으로 출력되는 카피라이트 shortmsg String : 지도 영역이 작아졌을 때 출력되는 짧은 카피라이트 minzoom Number : 해당 카피라이트가 노출될 최소 줌 레벨(기본값: 0) LatLng sdohtme WGS84 좌표 정보를 가지고 있는 객체를 생성한다. Constructor daum.maps.latlng(latitude, longitude) var lat lng = new daum.maps.lat Lng(37, 127); lat it ude Number : 위도 longit ude Number : 경도 21/124

22 Methods getlat() 위도를 반환한다. var lat lng = new daum.maps.lat Lng(37, 127); latlng.getlat(); // 37 Number getlng() 경도를 반환한다. var lat lng = new daum.maps.lat Lng(37, 127); latlng.getlng(); // 127 Number equals(latlng) 객체가 가지고 있는 좌표와 같은 좌표를 가지고 있는 객체인지 비교한다. var lat lng = new daum.maps.lat Lng(37.1, 127.1), lat lng1 = new daum.maps.lat Lng(37.1, 127.1), lat lng2 = new daum.maps.lat Lng(37.2, 127.2); lat lng.equals(lat lng1); // true lat lng.equals(lat lng2); // false lat lng LatLng 22/124

23 Boolean tostring() 객체가 가지고 있는 좌표를 문자열로 반환한다. var lat lng = new daum.maps.lat Lng(37, 127); latlng.tostring(); // "(37, 127)" St ring LatLngBounds sdohtme WGS84 좌표계에서 사각영역 정보를 표현하는 객체를 생성한다. 지도 범위 재설정 하기 샘플보기 Constructor daum.maps.latlngbounds(sw, ne) var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128); var bounds = new daum.maps.latlngbounds(sw, ne); // 인자를 주지 않으면 빈 영역을 생성한다. 23/124

24 sw LatLng : 사각 영역에서 남서쪽 좌표 ne LatLng : 사각 영역에서 북동쪽 좌표 Methods equals(latlngbounds) 객체가 가지고 있는 영역 정보와 같은 영역 정보를 가지고 있는 객체인지 비교한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb = new daum.maps.lat LngBounds(sw, ne), lb1 = new daum.maps.lat LngBounds(sw, ne), lb2 = new daum.maps.lat LngBounds(); lb.equals(lb1); // true lb.equals(lb2); // false lat lngbounds LatLngBounds Boolean tostring() 객체가 가지고 있는 영역 정보를 문자열로 반환한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb = new daum.maps.lat LngBounds(sw, ne); lb.tostring(); // "((36, 127), (37, 128))" St ring 24/124

25 getsouthwest() 영역의 남서쪽 좌표를 반환한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb = new daum.maps.lat LngBounds(sw, ne); lb.getsouthwest().tostring(); // "(36, 127)" Lat Lng getnortheast() 영역의 북동쪽 좌표를 반환한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb = new daum.maps.lat LngBounds(sw, ne); lb.getnortheast().tostring(); // "(37, 128)" Lat Lng isempty() 영역 정보가 비어있는지 확인한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb1 = new daum.maps.lat LngBounds(sw, ne); lb2 = new daum.maps.lat LngBounds(); lb1.isempty(); // false lb2.isempty(); // true 25/124

26 lb2.isempty(); // true Boolean extend(latlng) 인수로 주어진 좌표를 포함하도록 영역 정보를 확장한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb = new daum.maps.lat LngBounds(sw, ne), ext ralat Lng = new daum.maps.lat Lng(36.5, 128.5); lb.tostring(); // "((36, 127), (37, 128))" lb.ext end(ext ralat Lng); lb.tostring(); // "((36, 127), (37, 128.5))" lat lng LatLng contain(latlng) 영역 객체가 인수로 주어진 좌표를 포함하는지 확인한다. var sw = new daum.maps.latlng(36, 127), ne = new daum.maps.lat Lng(37, 128), lb = new daum.maps.lat LngBounds(sw, ne), l1 = new daum.maps.lat Lng(36.5, 127.5), 26/124

27 l2 = new daum.maps.lat Lng(37, 128); lb.cont ain(l1); // true lb.cont ain(l2); // false lat lng LatLng Boolean Point sdohtme 화면 좌표(픽셀 단위) 정보를 담고 있는 객체 Constructor daum.maps.point(x, y) 화면 좌표 정보를 담고 있는 포인트 객체를 생성한다. var point = new daum.maps.point(12, 34); x : Number y : Number Methods equals(point) 포인트 객체와 같은 좌표를 가지고 있는 객체인지 비교한다. var p = new daum.maps.point(1, 1), p1 = new daum.maps.point(1, 1), p2 = new daum.maps.point(2, 2); 27/124

28 p.equals(p1); // true p.equals(p2); // false point Point Boolean tostring() 포인트 객체가 가지고 있는 좌표를 문자열로 반환한다. var p = new daum.maps.point(480, 960); p.tostring(); // "(480, 960)" St ring Size sdohtme 크기 정보(픽셀 단위)를 담고 있는 객체 Constructor daum.maps.size(width, height) 크기 정보를 담고 있는 사이즈 객체를 생성한다. var size = new daum.maps.size(56, 78); widt h Number height Number 28/124

29 Methods equals(size) 사이즈 객체가 가지고 있는 크기와 같은 크기를 가지고 있는 객체인지 비교한다. var s = new daum.maps.size(1, 1), s1 = new daum.maps.size(1, 1), s2 = new daum.maps.size(2, 2); s.equals(s1); // true s.equals(s2); // false size Size Boolean tostring() 사이즈 객체가 가지고 있는 크기를 문자열로 반환한다. var s = new daum.maps.size(480, 960); s.tostring(); // "(480, 960)" St ring event sdohtme c i tats 지도 객체의 이벤트 관련 함수를 담은 네임스페이스 Static Methods 29/124

30 addlistener(target, type, handler) 다음 지도 API 객체에 이벤트를 등록한다. daum.maps.event.addlistener(map, 'idle', function() { alert('nothing to do'); target EventTarget : 이벤트를 지원하는 다음 지도 API 객체 t ype String : 이벤트 이름 handler Function : 이벤트를 처리할 함수 removelistener(target, type, handler) 다음 지도 API 객체에 등록된 이벤트를 제거한다. var clickhandler = function(event) { }; alert('click: ' + event.latlng.tostring()); daum.maps.event.addlistener(map, 'click', clickhandler); daum.maps.event.removelistener(map, 'click', clickhandler); target EventTarget : 이벤트를 지원하는 다음 지도 API 객체 t ype String : 이벤트 이름 handler Function : 이벤트를 처리하던 함수 trigger(target, type, data) 다음 지도 API 객체에 등록된 이벤트를 발생시킨다. // 마커 객체에 사용자 이벤트를 등록한다 daum.maps.event.addlist ener(marker, 'cust om_act ion', functio n(dat a){ console.log(data + '가 발생했습니다.'); 30/124

31 // 마커 객체에 등록한 사용자 이벤트를 발생시킨다 daum.maps.event.t rigger(marker, 'cust om_act ion', '사용자 이벤트'); // 사용자 이벤 트가 발생했습니다. target EventTarget : 이벤트를 지원하는 다음 지도 API 객체 t ype String : 이벤트 이름 data * : 이벤트를 처리하는 함수에 넘길 변수 preventmap() 다음 Map 객체의 이벤트를 막는다. 보통 CustomOverlay의 content 혹은 외부 Element의 이벤트 핸들러에서 지도 의 이벤트를 막고 싶을 경우 사용한다. 이벤트의 핸들러 내부에서 이 함수를 사용하며, 이벤트의 핸들링이 끝나면 Map 객 체의 이벤트는 다시 정상 동작하게 된다. daum.maps.event.prevent Map(); MouseEvent 마우스 이벤트로 넘겨 받는 인자 직접 생성할 수는 없으며 이벤트 핸들러에서 내부적으로 생성된 객체를 parameter로 받 아 사용한다. Properties latlng 지도 좌표 daum.maps.event.addlist ener(map, 'click', functio n(mouseevent) { alert(mouseevent.lat Lng instanceo f daum.maps.lat Lng); // true 31/124

32 T ype Lat Lng point 화면 좌표 daum.maps.event.addlist ener(map, 'click', functio n(event) { alert(event.point instanceo f daum.maps.point); // true T ype Point Marker sdohtme stnev E Constructor daum.maps.marker(options) 주어진 객체로 마커를 생성한다. 지도 뿐만 아니라 로드뷰 위에도 올릴 수 있다. 마커 생성하기 샘플보기 로드뷰에 마커와 인포윈도우 올리기 샘플보기 마커의 고도와 반경 조절하기 샘플보기 var marker = new daum.maps.marker({ map: map, posit ion: new daum.maps.lat Lng( , ) opt ions Object 32/124

33 map Map Roadview : 마커가 올라갈 지도 또는 로드뷰 position LatLng Viewpoint : 마커의 좌표 또는 로드뷰에서의 시점 image MarkerImage : 마커의 이미지 title String : 마커 엘리먼트의 타이틀 속성 값 (툴팁) draggable Boolean : 드래그 가능한 마커, 로드뷰에 올릴 경우에는 유효 하지 않다 clickable Boolean : 클릭 가능한 마커 zindex Number : 마커 엘리먼트의 z-index 속성 값 opacit y Number : 마커 투명도 (0-1) altitude Number : 로드뷰에 올라있는 마커의 높이 값(m 단위) range Number : 로드뷰 상에서 마커의 가시반경(m 단위), 두 지점 사이 의 거리가 지정한 값보다 멀어지면 마커는 로드뷰에서 보이지 않게 된다 Methods setmap(map_or_roadview) 지도 또는 로드뷰에 마커를 올린다. null 을 지정하면 마커를 제거한다. 마커 생성하기 샘플보기 여러개 마커 제어하기 샘플보기 marker.set Map(map); // 지도에 올린다. marker.set Map(null); // 지도에서 제거한다. marker.set Map(roadview); // 로드뷰에 올린다. map_or_roadview Map Roadview getmap() 마커가 올라가있는 지도를 반환한다. marker.get Map(); Map 33/124

34 setimage(image) 마커에 새 MarkerImage를 지정한다. 다른 이미지로 마커 생성하기 샘플보기 var markerimage = new daum.maps.markerimage( 'ht t p://i1.daumcdn.net/dmaps/apis/nlocalblit 04.png', new daum.maps.size(31, 35), new daum.maps.point(13, 34)); marker.set Image(markerImage); image MarkerImage getimage() 마커의 MarkerImage를 반환한다. marker.get Image(); // 지정했던 MarkerImage의 인스턴스를 리턴한다. MarkerImage setposition(position) 마커의 좌표를 지정한다. 로드뷰의 특정 시점에 고정하기 위해서 Viewpoint 객체를 사용할 수도 있다. panoid를 지정한 Viewpoint 를 사용하면 panoid에 해당하는 로드뷰 위치에서만 보이게 된다. // 지도 혹은 로드뷰에서 마커의 위치를 지정 marker.set Posit ion(new daum.maps.lat Lng( , )); // 로드뷰에서 특정 시점에 고정된 마커의 위치를 지정 marker.set Posit ion(new daum.maps.viewpoint(30, -10)); // 로드뷰에서 특정 시점 및 특정 panoid에서만 보이도록 고정된 마커의 위치를 지정 34/124

35 // 로드뷰에서 특정 시점 및 특정 panoid에서만 보이도록 고정된 마커의 위치를 지정 marker.set Posit ion(new daum.maps.viewpoint(30, -10, 0, )); posit ion LatLng Viewpoint getposition() 마커의 좌표를 반환한다. marker.get Posit ion(); Lat Lng setzindex(zindex) 마커의 z-index를 설정한다. marker.set ZIndex(3); zindex Number getzindex() 마커의 z-index를 반환한다. var marker = new daum.maps.marker({ zindex: 4 marker.getzindex(); // 4 Boolean 35/124

36 setvisible(visible) 마커의 표시 여부를 지정한다. marker.set Visible(false); // 마커를 숨긴다. visible Boolean getvisible() 마커의 표시 여부를 반환한다. marker.set Visible(true); marker.get Visible(); // true Boolean settitle(title) 마커의 툴팁을 설정한다. marker.set Tit le('타이틀'); t it le String gettitle() 마커의 툴팁을 반환한다. var marker = new daum.maps.marker({ title: "마커 타이틀을 획득하셨습니다." 36/124

37 marker.get Tit le(); // "마커 타이틀을 획득하셨습니다." Daum-Open-API-Reference_http://dna.daum.net Boolean setdraggable(draggable) 드래그 가능 여부를 지정한다. 로드뷰에 올라가 있을 경우에는 마커의 드래그 기능을 비활성화 되기 때문에 지도에 올라가 있을 경우에만 의미가 있다. marker.set Draggable(true); // 드래그 가능하도록 설정 draggable Boolean getdraggable() 드래그 가능 여부를 반환한다. marker.get Draggable(); Boolean setclickable(clickable) 클릭 가능 여부를 지정한다. true 로 지정하게 되면 마커를 클릭 했을 때, 지도의 클릭 이벤트가 발생하지 않도록 막아준다. marker.set Clickable(true); clickable Boolean 37/124

38 getclickable() 클릭 가능 여부를 반환한다. marker.get Clickable(); Boolean setaltitude(altitude) 로드뷰상에서 마커의 높이(위치)를 지정한다. 단위는 m(미터)이며 현재 로드뷰의 바닥 높이를 기준으로 떨어져있는 높이를 말한 다. marker.set Alt it ude(10); alt it ude Number 현재 보고있는 시점이 지면으로부터 약 1.7m 떨어져 있다고 가정하고 지면의 높 이값을 0으로 계산한다. 때문에 높이값이 정확하지 않을 수 있다. 또한 로드뷰를 찍은 위치의 정보(해발 고도, 기울어짐)는 고려하지 않기 때문에 마커가 찍힌 위치가 어색하거나 부정확할 수 있다. 보통은 2층 이상에 존재하는 장소를 로드뷰에 대략적으로 표시하기 위해서 사용 한다. getaltitude() 마커의 높이(위치)를 반환한다. 단위는 m(미터). var marker = new daum.maps.marker({ altitude: 10 marker.getaltitude(); // 10 38/124

39 marker.getaltitude(); // 10 Number setrange(range) 마커의 가시반경을 설정한다. 로드뷰의 위치와 마커의 위치 사이의 거리가 가시반경 이내일 경우에만 로드뷰상에 노출된다. 단위는 m(미터)이며 기본값은 500m이다. marker.set Range(300); range Number getrange() 마커의 가시반경을 반환한다. 단위는 m(미터). var marker = new daum.maps.marker({ range: 300 marker.getrange(); // 300 Number setopacity(opacity) 마커의 투명도를 설정한다. marker.set Opacit y(0.5); 39/124

40 opacit y Number getopacity() 마커의 투명도를 반환한다. var marker = new daum.maps.marker({ opacit y: 0.5 marker.getopacity(); // 0.5 Number Events click 마커를 클릭하면 발생한다. 마커에 클릭 이벤트 등록하기 샘플보기 daum.maps.event.addlistener(marker, 'click', function() { alert('marker click!'); mouseover 마커에 마우스 커서를 올리면 발생한다. 마커에 마우스 이벤트 등록하기 샘플보기 daum.maps.event.addlistener(marker, 'mouseover', function() { alert('marker mouseover!'); 40/124

41 mouseout 마우스 커서가 마커에서 벗어나면 발생한다. 마커에 마우스 이벤트 등록하기 샘플보기 daum.maps.event.addlist ener(marker, 'mouseout', functio n() { alert('marker mouseout!'); rightclick 마커를 오른쪽 버튼으로 클릭하면 발생한다. daum.maps.event.addlist ener(marker, 'right click', functio n() { alert('marker right click!'); dragstart 드래그를 시작하면 발생한다. draggable 마커 이벤트 적용하기 샘플보기 daum.maps.event.addlist ener(marker, 'dragst art', functio n() { alert('marker dragst art!'); dragend 드래그를 종료하면 발생한다. draggable 마커 이벤트 적용하기 샘플보기 daum.maps.event.addlistener(marker, 'dragend', function() { alert('marker dragend!'); 41/124

42 MarkerImage 기본 마커가 아닌, 별도의 이미지를 이용하여 마커를 만들기 위한 이미지 생성 객체 다른 이미지로 마커 생성하기 샘플보기 다양한 이미지 마커 표시하기 샘플보기 Constructor daum.maps.markerimage(src, size[, options]) 마커에 사용할 이미지를 생성한다. 세 번째 파라메터로 offset을 사용할 경우 네 번째 파라메터로 shape, 다섯 번째 파 라메터로 coords를 넣을 수 있다. // 세 번째 파라메터로 options를 사용. var icon = new daum.maps.markerimage( 'ht t p://localimg.daum-img.net/localimages/07/2009/map/icon/blog_icon01_o n.png', new daum.maps.size(31, 35), { offset: new daum.maps.point(16, 34), alt: "마커 이미지 예제", shape: "poly", coords: "1,20,1,9,5,2,10,0,21,0,27,3,30,9,30,20,17,33,14,33" } ); /* 아래와 같이 세번째 파라메터부터 순서대로 offset, shape, coords 값을 넣어주는 방식 으로도 사용 가능하다. var icon = new daum.maps.markerimage( ' _on.png', new daum.maps.size(31, 35), new daum.maps.point(16, 34), "poly", "1,20,1,9,5,2,10,0,21,0,27,3,30,9,30,20,17,33,14,33" ); */ new daum.maps.marker({ 42/124

43 position: new daum.maps.latlng( , ), image: icon }).setmap(map); src String : 이미지 주소 size Size : 마커의 크기 opt ions Obejct alt String : 마커 이미지의 alt 속성값을 정의한다. coords String : 마커의 클릭 또는 마우스오버 가능한 영역을 표현하는 좌표값 offset Point : 마커의 좌표에 일치시킬 이미지 안의 좌표 (기본값: 이미 지의 가운데 아래) shape String : 마커의 클릭 또는 마우스오버 가능한 영역의 모양 spriteorigin Point : 스프라이트 이미지 중 사용할 영역의 좌상단 좌표 sprit esize Size : 스프라이트 이미지의 전체 크기 옵션으로 지정한 shape와 coords의 값은 각각 실제 HTML에서 <area>의 shape 와 coords 속성에 대응한다. 예를 들어 설명하자면 아래와 같다. 아래의 이미지로 MarkerImage를 만들어 보자. 이미지의 크기는 31 35이다. 추가 옵션없이 생성해보자. var icon = new daum.maps.markerimage( 'ht t p://i1.daumcdn.net/dmaps/apis/n_local_blit_04.png', new daum.maps.size(31, 35)); 이렇게 만들어진 MarkerImage의 HTML 마크업을 단순화하면 다음과 같다. // Result <img widt h="31" height ="35" src="ht t p://i1.daumcdn.net/dmaps/apis/ n_local_blit_04.png" alt =""> 43/124

44 이 MarkerImage로 생성한 Marker에 클릭 이벤트를 등록하면 이미지 크기에 해 당하는 영역 전체에서 클릭 이벤트가 발생한다. 다음과 같은 특정 영역에서만 클릭 이벤트가 발생하도록 해 보자. 옵션으로 shape와 coords값을 주어 MarkerImage를 만든다. var icon = new daum.maps.markerimage( 'ht t p://i1.daumcdn.net/dmaps/apis/n_local_blit_04.png', new daum.maps.size(31, 35), { shape: 'poly', coords: '16,0,20,2,24,6,26,10,26,16,23,22,17,25,14,35,13,35,9,25,6,24,2,20,0,16,0,10,2,6,6,2,10,0' 위의 코드로 만들어진 HTML 마크업의 대략적인 구조는 다음과 같다. // Result <img widt h="31" height ="35" src="ht t p://i1.daumcdn.net/dmaps/apis/ n_local_blit_04.png" alt="" usemap="#marker"> <map name="marker"> <area alt="" shape="poly" coords="16,0,20,2,24,6,26,10,26,16,23,22,17,25,14,35,13,35,9,25,6,24,2,20,0,16,0,10,2,6,6,2,10,0"> </map> 위와 같이 생성된 Marker는 아래 그림에서 보이는 푸른색 영역에서만 클릭 이벤 트가 발생한다. 자세한 내용은 Image Maps 관련 W3C 문서 를 참조한다. 44/124

45 InfoWindow sdohtme 인포윈도우 객체 Constructor daum.maps.infowindow(options) 주어진 객체로 인포윈도우를 생성한다. 지도 뿐만 아니라 로드뷰 위에도 올릴 수 있다. 인포윈도우 생성하기 샘플보기 로드뷰에 마커와 인포윈도우 올리기 샘플보기 마커의 고도와 반경 조절하기 샘플보기 var infowindow = new daum.maps.infowindow({ map: map, posit ion: new daum.maps.lat Lng( , ), cont ent: 'I am InfoWindow' opt ions Object content Node String : 엘리먼트 또는 HTML 문자열 형태의 내용 disableautopan Boolean : 인포윈도우를 열 때 지도가 자동으로 패닝 하지 않을지의 여부 (기본값: false) map Map Roadview : 인포윈도우가 올라갈 지도 또는 로드뷰 posit ion LatLng : 인포윈도우의 좌표 removable Boolean : 삭제 가능한 인포윈도우 zindex Number : 인포윈도우 엘리먼트의 z-index 속성 값 alt it ude Number : 로드뷰에 올라있는 인포윈도우의 높이 값(m 단위) range Number : 로드뷰 상에서 인포윈도우의 가시반경(m 단위), 두 지 점 사이의 거리가 지정한 값보다 멀어지면 인포윈도우는 보이지 않게 된다 Methods 45/124

46 open(map_or_roadview [, marker]) Daum-Open-API-Reference_http://dna.daum.net 지도에 인포윈도우를 올린다. marker가 주어지면, 해당 마커에서 열린 효과를 낸다. 로드뷰에서도 같은 동작을 한다. 마커에 인포윈도우 표시하기 샘플보기 var map = new daum.maps.map(cont ainer, opt ions); var marker = new daum.maps.marker(opt ions); var infowindow = new daum.maps.infowindow({ posit ion: new daum.maps.lat Lng( , ), content: 'open me plz.' infowindow.open(map, marker); map_or_roadview Map Roadview marker Marker close() 인포윈도우를 제거한다. infowindow.close(); getmap() 인포윈도우가 올라가있는 지도를 반환한다. infowindow.get Map(); Map 46/124

47 setposition(position) 인포윈도우의 좌표를 지정한다. 로드뷰의 특정 시점에 고정하기 위해서 Viewpoint 객체를 사용할 수도 있다. panoid를 지정한 Viewpoint 를 사용하면 panoid에 해당하는 로드뷰 위치에서만 보이게 된다. var posit ion = new daum.maps.lat Lng( , ); infowindow.set Posit ion(posit ion); posit ion LatLng Viewpoint getposition() 인포윈도우의 좌표를 반환한다. infowindow.get Posit ion(); Lat Lng setcontent(content) 인포윈도우의 내용을 지정한다. 엘리먼트 또는 HTML 문자열을 지정할 수 있다. infowindow.set Cont ent('this is all for you'); cont ent Node String getcontent() 인포윈도우의 내용을 지정했던 형태로 반환한다. 47/124

48 infowindow.getcontent(); // "This is all for you" Node String setzindex(zindex) 인포윈도우의 z-index를 설정한다. infowindow.set ZIndex(3); zindex Number getzindex() 인포윈도우의 z-index를 반환한다. var infowindow = new daum.maps.infowindow({ zindex: 4 infowindow.get ZIndex(); // 4 Boolean setaltitude(altitude) 로드뷰상에서 인포윈도우의 높이(위치)를 지정한다. 단위는 m(미터)이며 현재 로드뷰의 바닥 높이를 기준으로 떨어져있는 높이를 말한 다. infowindow.set Alt it ude(10); 48/124

49 alt it ude Number 현재 보고있는 시점이 지면으로부터 약 1.7m 떨어져 있다고 가정하고 지면의 높 이값을 0으로 계산한다. 때문에 높이값이 정확하지 않을 수 있다. 또한 로드뷰를 찍은 위치의 정보(해발 고도, 기울어짐)는 고려하지 않기 때문에 인포윈도우가 찍힌 위치가 어색하거나 부정확할 수 있다. 보통은 로드뷰에 보이는 2층 이상의 장소정보를 대략적으로 표시하기 위해서 사 용한다. getaltitude() 인포윈도우의 높이(위치)를 반환한다. 단위는 m(미터). var infowindow = new daum.maps.infowindow({ altitude: 10 infowindow.get Alt it ude(); // 10 Number setrange(range) 인포윈도우의 가시반경을 설정한다. 로드뷰의 위치와 인포윈도우의 위치 사이의 거리가 가시반경 이내일 경우에만 로드 뷰상에 노출된다. 단위는 m(미터)이며 기본값은 500m이다. infowindow.set Range(300); range Number getrange() 49/124

50 인포윈도우의 가시반경을 반환한다. 단위는 m(미터). var infowindow = new daum.maps.infowindow({ range: 300 infowindow.get Range(); // 300 Number CustomOverlay sdohtme 커스텀한 엘리먼트를 담아 지도위에 올릴 수 있는 오버레이 객체. Infowindow 보다는 담을 수 있는 컨텐츠가 자유롭고 AbstractOverlay 보다 사용하기 쉽다는 장점이 있다. Constructor daum.maps.customoverlay(options) 주어진 객체로 커스텀 오버레이를 생성한다. 지도 뿐만 아니라 로드뷰 위에도 올릴 수 있다. 커스텀 오버레이 생성하기1 샘플보기 커스텀 오버레이 생성하기2 샘플보기 로드뷰에 커스텀 오버레이 올리기 샘플보기 로드뷰에 이미지 올리기 샘플보기 커스텀오버레이를 드래그 하기 샘플보기 var cust omoverlay = new daum.maps.cust omoverlay({ map: map, clickable: true, cont ent: '<div class="cust omoverlay"><a href="#">chart </a></div>', posit ion: new daum.maps.lat Lng( , ), xanchor: 0.5, yanchor: 1, zindex: 3 50/124

51 opt ions Object clickable Boolean : true 로 설정하면 컨텐츠 영역을 클릭했을 경우 지 도 이벤트를 막아준다. content Node String : 엘리먼트 또는 HTML 문자열 형태의 내용 map Map Roadview : 커스텀 오버레이가 올라갈 지도 또는 로드뷰 posit ion LatLng Viewpoint : 커스텀 오버레이의 좌표 또는 로드뷰에서 의 시점 xanchor Number : 컨텐츠의 x축 위치. 0_1 사이의 값을 가진다. 기본값 은 0.5 yanchor Number : 컨텐츠의 y축 위치. 0_1 사이의 값을 가진다. 기본값 은 0.5 zindex Number : 커스텀 오버레이의 z-index Methods setmap(map_or_roadview) 지도 또는 로드뷰에 커스텀 오버레이를 올린다. null 을 지정하면 오버레이를 제거한다. cust omoverlay.set Map(map); // 지도에 올린다. cust omoverlay.set Map(null); // 지도에서 제거한다. cust omoverlay.set Map(roadview); // 로드뷰에 올린다. map_or_roadview Map Roadview getmap() 커스텀 오버레이가 올라가있는 지도를 반환한다. cust omoverlay.get Map(); 51/124

52 Map setposition(position) 커스텀 오버레이의 좌표를 지정한다. 로드뷰의 특정 시점에 고정하기 위해서 Viewpoint 객체를 사용할 수도 있다. panoid를 지정한 Viewpoint 를 사용하면 panoid에 해당하는 로드뷰 위치에서만 보이게 된다. posit ion LatLng Viewpoint getposition() 커스텀 오버레이의 좌표를 반환한다. Lat Lng setcontent(content) 커스텀 오버레이의 내용을 지정한다. 엘리먼트 또는 HTML 문자열을 지정할 수 있다. cont ent Node String getcontent() 커스텀 오버레이의 내용을 지정했던 형태로 반환한다. Node String setvisible(visible) 커스텀 오버레이의 표시 여부를 지정한다. 52/124

53 visible Boolean getvisible() 커스텀 오버레이의 표시 여부를 반환한다. Boolean setzindex(zindex) 커스텀 오버레이의 z-index를 설정한다. zindex Number getzindex() 커스텀 오버레이의 z-index를 반환한다. Number setaltitude(altitude) 로드뷰상에서 커스텀 오버레이의 높이(위치)를 지정한다. 단위는 m(미터)이며 현재 로드뷰의 바닥 높이를 기준으로 떨어져있는 높이를 말한 다. cust omoverlay.set Alt it ude(10); alt it ude Number 현재 보고있는 시점이 지면으로부터 약 1.7m 떨어져 있다고 가정하고 지면의 높 이값을 0으로 계산한다. 때문에 높이값이 정확하지 않을 수 있다. 또한 로드뷰를 찍은 위치의 정보(해발 고도, 기울어짐)는 고려하지 않기 때문에 53/124

54 커스텀 오버레이가 찍힌 위치가 어색하거나 부정확할 수 있다. 보통은 2층 이상에 존재하는 장소를 로드뷰에 대략적으로 표시하기 위해서 사용 한다. getaltitude() 커스텀 오버레이의 높이(위치)를 반환한다. 단위는 m(미터). var cust omoverlay = new daum.maps.cust omoverlay({ altitude: 10 cust omoverlay.get Alt it ude(); // 10 Number setrange(range) 커스텀 오버레이의 가시반경을 설정한다. 로드뷰의 위치와 커스텀 오버레이의 위치 사이의 거리가 가시반경 이내일 경우에만 로드뷰상에 노출된다. 단위는 m(미터)이며 기본값은 500m이다. cust omoverlay.set Range(300); range Number getrange() 커스텀 오버레이의 가시반경을 반환한다. 단위는 m(미터). var cust omoverlay = new daum.maps.cust omoverlay({ range: /124

55 cust omoverlay.get Range(); // 300 Number AbstractOverlay sdohtme Constructor daum.maps.abstractoverlay() API 사용자가 작접 정의할 수 있는 오버레이. AbstractOverlay를 상속 받아 사용할 객체를 생성하고 prototype을 연결해 준다. 온전히 동작하는 오버레이를 만들고자 한다면 3가지 인터페이스 메소드( onadd, draw, onremove )를 구현해야 한다. 지도 영역 밖의 마커위치 추적하기 샘플보기 // 간단한 텍스트를 지도에 올리는 예제 // 생성자에서 엘리먼트를 생성한다. functio n SimpleText Marker(posit ion, t ext) { this.posit ion = posit ion; this.node = document.creat eelement('div'); this.node.st yle.posit ion = 'absolut e'; this.node.st yle.whit espace = 'nowrap'; this.node.appendchild(document.creat etext Node(t ext)); } // "AbstractOverlay":#AbstractOverlay 상속. 프로토타입 체인을 연결한다.. SimpleText Marker.prot ot ype = new daum.maps.abst ract Overlay; // 필수 구현 메소드. // AbstractOverlay의 getpanels() 메소드로 MapPanel 객체를 가져오고 // 거기에서 오버레이 레이어를 얻어 생성자에서 만든 엘리먼트를 자식 노드로 넣어준다. SimpleText Marker.prot ot ype.onadd = functio n() { var panel = this.get Panels().overlayLayer; panel.appendchild(this.node); }; 55/124

56 // 필수 구현 메소드. // 생성자에서 만든 엘리먼트를 오버레이 레이어에서 제거한다. SimpleText Marker.prot ot ype.onremove = functio n() { this.node.parent Node.removeChild(this.node); }; // 필수 구현 메소드. // 지도의 속성 값들이 변화할 때마다 호출된다. (zoom, center, maptype) // 엘리먼트의 위치를 재조정 해 주어야 한다. SimpleText Marker.prot ot ype.draw = functio n() { var project ion = this.get Project ion(); var point = project ion.point FromCoords(this.posit ion); var widt h = this.node.offset Widt h; var height = this.node.offset Height; this.node.st yle.left = (point.x - widt h/2) + "px"; this.node.st yle.t op = (point.y - height/2) + "px"; }; var marker = new SimpleTextMarker(map.getCenter(), 'You just activated my trap card!'); marker.set Map(map); Methods draw() 위치를 재조정할 필요가 있을 때 호출된다. 이 함수 내에서 엘리먼트의 위치를 잡아주어야 한다. onadd() 지도에 올릴 때 호출된다. setmap(map) 을 실행하면 이 함수가 실행된다. 이 함수 내에서 생성된 DOM 객체를 MapPanels에 자식 노드로 넣어주도록 한다. onremove() 지도에서 제거할 때 호출된다. set Map(null) 을 실행하면 이 함수가 실행된다. 56/124

57 이 함수 내에서 MapPanels에 자식 노드로 넣어준 엘리먼트를 제거하도록 한다. setmap(map) 지도에 사용자 오버레이를 올린다. null 을 지정하면 오버레이를 제거한다. map : Map getmap() 사용자 오버레이가 올라가있는 지도를 반환한다. Map getpanels() 붙어있는 지도의 패널을 반환한다. MapPanels getprojection() 붙어있는 지도의 좌표 변환 객체를 반환한다. MapProject ion MapPanels 지도의 패널을 담당하는 객체. Properties 57/124

58 overlaylayer 오버레이를 올릴 수 있는 HTML 엘리먼트 MapProjection sdohtme 지도와 화면 사이의 좌표 변환을 담당한다. 지도 또는 지도에 올라온 오버레이 객체가 가진 getprojection() 메소드로 얻을 수 있다. 별도의 생성자는 제공하지 않는다. Methods pointfromcoords(latlng) 지도 좌표에 해당하는 위치 좌표(pixel)를 반환한다. 해당 위치 좌표는 지도 엘리먼트 내부의 레이어 위치를 반영한 좌표이다. 지도 영역 밖의 마커위치 추적하기 샘플보기 var mapproject ion = map.get Project ion(), lat lng = new daum.maps.lat Lng( , ); mapproject ion.point FromCoords(lat lng); // 지도 좌표에 해당하는 위치 좌표 lat lng LatLng Point coordsfrompoint(point) 위치 좌표(pixel)에 해당하는 지도 좌표를 반환한다. 해당 위치 좌표는 지도 엘리먼트 내부의 타일 레이어 위치를 반영한 좌표이다. 지도 영역 밖의 마커위치 추적하기 샘플보기 var mapproject ion = map.get Project ion(), point = new daum.maps.point(200, 100); 58/124

59 mapproject ion.coordsfrompoint(point); // 위치 좌표에 해당하는 지도 좌표 point Point LatLng containerpointfromcoords(latlng) 지도 좌표에 해당하는 화면 좌표(pixel)를 반환한다. 해당 화면 좌표는 지도 엘리먼트의 좌상단을 기준으로 한 좌표이다. 커스텀오버레이를 드래그 하기 샘플보기 var mapproject ion = map.get Project ion(), lat lng = new daum.maps.lat Lng( , ); mapproject ion.cont ainerpoint FromCoords(lat lng); // 지도 좌표에 해당하는 화면 좌 표 lat lng LatLng Point coordsfromcontainerpoint(point) 화면 좌표(pixel)에 해당하는 지도 좌표를 반환한다. 해당 화면 좌표는 지도 엘리먼트의 좌상단을 기준으로 한 좌표이다. 커스텀오버레이를 드래그 하기 샘플보기 var mapproject ion = map.get Project ion(), point = new daum.maps.point(200, 100); mapproject ion.coordsfromcont ainerpoint(point); // 화면 좌표에 해당하는 지도 좌 표 59/124

60 point Point LatLng inepolyl sdohtme stnev E 폴리라인 객체 Constructor daum.maps.polyline(options) 주어진 객체로 폴리라인을 생성한다. 원, 선, 사각형, 다각형 표시하기 샘플보기 var polyline = new daum.maps.polyline({ map: map, path: [ new daum.maps.lat Lng( , ), new daum.maps.lat Lng( , ), new daum.maps.latlng( , ) ], strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed' opt ions Object endarrow Boolean : 화살표 여부 pat h Array.< LatLng > Array.<Array.< LatLng >> : 폴리라인을 구성하 는 좌표의 배열 또는 좌표 배열의 배열 strokeweight Number : 픽셀 단위의 선 두께 (기본값: 3) st rokecolor String : #xxxxxx 형태의 선 색 (기본값: #F10000 ) st rokeopacit y Number : 선 불투명도 (0-1) (기본값: 0.6) 60/124

61 st rokest yle String : 선 스타일 (기본값: solid ) Methods setmap(map) 지도에 폴리라인을 올린다. null 을 지정하면 폴리라인을 제거한다. polyline.set Map(map); // 지도에 올린다. polyline.set Map(null); // 지도에서 제거한다. map Map getmap() 폴리라인이 올라가있는 지도를 반환한다. polyline.get Map(); // daum.maps.map Map setoptions(options) 폴리라인의 옵션을 설정한다. polyline.set Opt ions({ strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed' 61/124

62 options : Object setpath(path) 폴리라인의 경로를 지정한다. 경로는 좌표의 배열로 표현한다. var newpath = [ new daum.maps.lat Lng( , ), new daum.maps.lat Lng( , ), new daum.maps.latlng( , ) ]; polyline.set Pat h(newpat h); path : Array.< LatLng > : 좌표의 배열 getpath() 폴리라인의 경로를 반환한다. polyline.get Pat h(); // 경로정보가 배열로 반환된다. Array.< Lat Lng > getlength() 폴리라인의 총 길이를 m(미터)단위로 반환한다. 선의 거리 계산하기 샘플보기 polyline.getlength(); Number 62/124

63 Events 안드로이드 2.3버전 이하에서는 Event를 지원하지 않습니다. mouseover 폴리라인에 마우스 커서를 올리면 발생한다. daum.maps.event.addlist ener(polyline, 'mouseover', functio n(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mouseout 마우스 커서가 폴리라인에서 벗어나면 발생한다. daum.maps.event.addlistener(polyline, 'mouseout', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousemove 폴리라인에서 마우스가 움직이면 발생한다. daum.maps.event.addlistener(polyline, 'mousemove', function(mouseevent) { var lat lng = mouseevent.lat Lng; 63/124

64 console.log(latlng.tostring()); Arguments MouseEvent mousedown 폴리라인에서 마우스 버튼을 누르면 발생한다. daum.maps.event.addlistener(polyline, 'mousedown', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent click 폴리라인을 클릭하면 발생한다 daum.maps.event.addlistener(polyline, 'click', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent Polygon sdohtme stnev E 다각형 객체 64/124

65 Constructor daum.maps.polygon(polygonoptions) 주어진 객체로 다각형을 생성한다. 원, 선, 사각형, 다각형 표시하기 샘플보기 구멍난 다각형 만들기 샘플보기 var polygon = new daum.maps.polygon({ map: map, path: [ new daum.maps.lat Lng( , ), new daum.maps.lat Lng( , ), new daum.maps.latlng( , ) ], strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', fillopacit y: 0.5 opt ions Object fillcolor String : #xxxxxx 형태의 채움 색 (기본값: #F10000 ) fillopacit y Number : 채움 불투명도 (0-1) (기본값: 0) pat h Array.< LatLng > Array.<Array.< LatLng >> : 다각형을 구성하는 좌표의 배열 혹은 좌표 배열의 배열 strokeweight Number : 픽셀 단위의 선 두께 (기본값: 3) st rokecolor String : #xxxxxx 형태의 선 색 (기본값: #F10000 ) st rokeopacit y Number : 선 불투명도 (0-1) (기본값: 0.6) st rokest yle String : 선 스타일 (기본값: solid ) Methods setmap(map) 지도에 다각형을 올린다. null 을 지정하면 다각형을 제거한다. 65/124

66 polygon.set Map(map); // 지도에 올린다. polygon.set Map(null); // 지도에서 제거한다. map Map getmap() 다각형이 올라가있는 지도를 반환한다. polygon.get Map(); Map setoptions(options) 다각형의 옵션을 설정한다. polygon.set Opt ions({ strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', fillopacit y: 0.5 opt ions Object setpath(path) 다각형의 경로를 지정한다. 경로는 좌표의 배열로 표현한다. 66/124

67 polygon.set Pat h([ new daum.maps.lat Lng( , ), new daum.maps.lat Lng( , ), new daum.maps.latlng( , ) ]); path Array.< LatLng > : 좌표의 배열 getpath() 다각형의 경로를 반환한다. polygon.get Pat h(); // 경로정보가 배열로 반환된다. Array.< Lat Lng > getlength() 다각형의 총 길이를 m(미터)단위로 반환한다. polygon.getlength(); Number getarea() 다각형으로 둘러싸인 영역의 넓이를 m2(제곱미터)단위로 반환한다. polygon.getarea(); 67/124

68 Number Events 안드로이드 2.3버전 이하에서는 Event를 지원하지 않습니다. mouseover 다각형에 마우스 커서를 올리면 발생한다. 다각형에 이벤트 등록하기1 샘플보기 다각형에 이벤트 등록하기2 샘플보기 daum.maps.event.addlistener(polygon, 'mouseover', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mouseout 마우스 커서가 다각형에서 벗어나면 발생한다. 다각형에 이벤트 등록하기1 샘플보기 다각형에 이벤트 등록하기2 샘플보기 daum.maps.event.addlistener(polygon, 'mouseout', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousemove 68/124

69 다각형에서 마우스를 움직이면 발생한다. 다각형에 이벤트 등록하기2 샘플보기 daum.maps.event.addlistener(polygon, 'mousemove', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousedown 다각형에서 마우스 버튼을 누르면 발생한다. 다각형에 이벤트 등록하기1 샘플보기 다각형에 이벤트 등록하기2 샘플보기 daum.maps.event.addlistener(polygon, 'mousedown', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent click 다각형을 클릭하면 발생한다. 다각형에 이벤트 등록하기2 샘플보기 daum.maps.event.addlistener(polygon, 'click', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); 69/124

70 Arguments MouseEvent rcleci sdohtme stnev E 원 객체 Constructor daum.maps.circle(options) 주어진 객체로 원을 생성한다. 원, 선, 사각형, 다각형 표시하기 샘플보기 var circle = new daum.maps.circle({ map: map, cent er : new daum.maps.lat Lng( , ), radius: 50, strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', fillopacity: 0.5 opt ions Object cent er LatLng : 중심 좌표 fillcolor String : #xxxxxx 형태의 채움 색 (기본값: #F10000 ) fillopacit y Number : 채움 불투명도 (0-1) (기본값: 0) radius Number : 미터 단위의 반지름 strokeweight Number : 픽셀 단위의 선 두께 (기본값: 3) st rokecolor String : #xxxxxx 형태의 선 색 (기본값: #F10000 ) st rokeopacit y Number : 선 불투명도 (0-1) (기본값: 0.6) st rokest yle String : 선 스타일 (기본값: solid ) 70/124

71 Methods setmap(map) 지도에 원을 올린다. null 을 지정하면 원을 제거한다. circle.set Map(map); // 지도에 올린다. circle.set Map(null); // 지도에서 제거한다. map Map getmap() 원이 올라가있는 지도를 반환한다. circle.get Map(); Map setoptions(options) 원의 옵션을 설정한다. circle.set Opt ions({ radius: 20, strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed' opt ions Object 71/124

72 setposition(position) 원의 중심 좌표를 지정한다. var posit ion = new daum.maps.lat Lng( , ); circle.set Posit ion(posit ion); posit ion LatLng getposition() 원 중심의 좌표를 반환한다. circle.getposition().tostring(); Lat Lng setradius(radius) 원의 반지름을 m(미터)단위로 지정한다. circle.set Radius(200); radius Number getradius() 원의 반지름을 반환한다. circle.getradius(); // /124

73 circle.getradius(); // 200 Number getbounds() 원을 포함하는 최소의 사각형 영역을 구한다. circle.get Bounds(); Lat LngBounds Events 안드로이드 2.3버전 이하에서는 Event를 지원하지 않습니다. mouseover 원에 마우스 커서를 올리면 발생한다. daum.maps.event.addlistener(circle, 'mouseover', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mouseout 마우스 커서가 원에서 벗어나면 발생한다. daum.maps.event.addlistener(circle, 'mouseout', function(mouseevent) { 73/124

74 var latlng = mouseevent.latlng; console.log(latlng.tostring()); Arguments MouseEvent mousemove 원에서 마우스를 움직이면 발생한다. daum.maps.event.addlistener(circle, 'mousemove', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousedown 원에서 마우스 버튼을 누르면 발생한다. daum.maps.event.addlistener(circle, 'mousedown', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent click 원을 클릭하면 발생한다. daum.maps.event.addlistener(circle, 'click', function(mouseevent) { 74/124

75 var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent ipselel sdohtme stnev E 타원 객체 Constructor daum.maps.ellipse(options) 주어진 객체로 타원을 생성한다. var ellipse = new daum.maps.ellipse({ map: map, cent er : new daum.maps.lat Lng( , ), rx: 50, ry: 100, strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', fillopacit y: 0.5 opt ions Object cent er LatLng : 중심 좌표 fillcolor String : #xxxxxx 형태의 채움 색 (기본값: #F10000 ) fillopacit y Number : 채움 불투명도 (0-1) (기본값: 0) rx Number : 미터 단위의 x축 반지름 ry Number : 미터 단위의 y축 반지름 75/124

76 strokeweight Number : 픽셀 단위의 선 두께 (기본값: 3) st rokecolor String : #xxxxxx 형태의 선 색 (기본값: #F10000 ) st rokeopacit y Number : 선 불투명도 (0-1) (기본값: 0.6) st rokest yle String : 선 스타일 (기본값: solid ) Methods setmap(map) 지도에 타원을 올린다. null 을 지정하면 타원을 제거한다. ellipse.set Map(map); // 지도에 올린다. ellipse.set Map(null); // 지도에서 제거한다. map Map getmap() 타원이 올라가있는 지도를 반환한다. ellipse.get Map(map); Map setoptions(options) 타원의 옵션을 설정한다. ellipse.set Opt ions({ strokeweight: 2, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', 76/124

77 fillopacity: 0.5 opt ions Object setposition(position) 타원의 중심 좌표를 지정한다. ellipse.set Posit ion(new daum.maps.lat Lng( , )); posit ion LatLng getposition() 타원 중심의 좌표를 반환한다. ellipse.getposition().tostring(); Lat Lng setradius(rx, ry) 타원의 반지름을 m(미터)단위로 지정한다. ellipse.setradius(600, 1000); rx Number ry Number 77/124

78 getradius() 타원의 x, y축 반지름을 반환한다. ellipse.get Radius(); // { rx: 600, ry: 1000 } Object rx Number : x축 반지름 ry Number : y축 반지름 getradiusx() 타원의 x축 반지름을 반환한다. ellipse.get RadiusX(); // 600 Boolean getradiusy() 타원의 y축 반지름을 반환한다. ellipse.get RadiusY(); // 1000 Boolean getbounds() 타원을 포함하는 최소의 사각형 영역을 구한다. ellipse.get Bounds(); 78/124

79 ellipse.get Bounds(); Lat LngBounds Events 안드로이드 2.3버전 이하에서는 Event를 지원하지 않습니다. mouseover 타원에 마우스 커서를 올리면 발생한다. daum.maps.event.addlistener(ellipse, 'mouseover', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mouseout 마우스 커서가 타원에서 벗어나면 발생한다. daum.maps.event.addlistener(ellipse, 'mouseout', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousemove 타원에서 마우스를 움직이면 발생한다. 79/124

80 daum.maps.event.addlist ener(ellipse, 'mousemove', functio n(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousedown 타원에서 마우스 버튼을 누르면 발생한다. daum.maps.event.addlistener(ellipse, 'mousedown', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent click 타원을 클릭하면 발생한다. daum.maps.event.addlistener(ellipse, 'click', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent 80/124

81 Rectangle sdohtme stnev E 사각형 객체 Constructor daum.maps.rectangle(options) 주어진 객체로 사각형를 생성한다. 원, 선, 사각형, 다각형 표시하기 샘플보기 var rect angle = new daum.maps.rect angle({ map: map, bounds : new daum.maps.lat LngBounds( new daum.maps.lat Lng( , ), new daum.maps.lat Lng( , ) ), strokeweight: 4, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', fillopacit y: 0.5 opt ions Object bounds LatLngBounds : 사각형의 영역 fillcolor String : #xxxxxx 형태의 채움 색 (기본값: #F10000 ) fillopacit y Number : 채움 불투명도 (0-1) (기본값: 0) strokeweight Number : 픽셀 단위의 선 두께 (기본값: 3) st rokecolor String : #xxxxxx 형태의 선 색 (기본값: #F10000 ) st rokeopacit y Number : 선 불투명도 (0-1) (기본값: 0.6) st rokest yle String : 선 스타일 (기본값: solid ) Methods setmap(map) 81/124

82 지도에 사각형을 올린다. null 을 지정하면 사각형을 제거한다. rect angle.set Map(map); // 지도에 올린다. rect angle.set Map(null); // 지도에서 제거한다. map Map getmap() 사각형이 올라가있는 지도를 반환한다. rect angle.get Map(); Map setoptions(options) 사각형의 옵션을 설정한다. rect angle.set Opt ions({ strokeweight: 4, st rokecolor: '#FF00FF', st rokeopacit y: 0.8, st rokest yle: 'dashed', fillcolor: '#00EEEE', fillopacit y: 0.5 opt ions Object setbounds(bounds) 82/124

83 사각형의 영역을 지정한다. rect angle.set Bounds( new daum.maps.lat LngBounds( new daum.maps.lat Lng( , ), new daum.maps.lat Lng( , ) ) ); bounds LatLngBounds getbounds() 사각형의 영역을 반환한다. rect angle.get Bounds(); Lat LngBounds Events 안드로이드 2.3버전 이하에서는 Event를 지원하지 않습니다. mouseover 사각형에 마우스 커서를 올리면 발생한다. daum.maps.event.addlist ener(rect angle, 'mouseover', functio n(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments 83/124

84 MouseEvent mouseout 마우스 커서가 사각형에서 벗어나면 발생한다. daum.maps.event.addlistener(rectangle, 'mouseout', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousemove 사각형에서 마우스를 움직이면 발생한다. daum.maps.event.addlist ener(rect angle, 'mousemove', functio n(mouseeven t) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent mousedown 사각형에서 마우스 버튼을 누르면 발생한다. daum.maps.event.addlist ener(rect angle, 'mousedown', functio n(mouseevent ) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); 84/124

85 Arguments MouseEvent click 사각형을 클릭하면 발생한다. daum.maps.event.addlistener(rectangle, 'click', function(mouseevent) { var lat lng = mouseevent.lat Lng; console.log(latlng.tostring()); Arguments MouseEvent Roadview sdohtme stnev E 로드뷰 객체 Constructor daum.maps.roadview(container[, options]) 주어진 객체로 로드뷰를 생성한다. options로 넣을 수 있는 속성들 중 pan, tilt, zoom, jsnamespace는 PC와 모바일 공통이다. 그 외의 속성들은 PC에서만 사용 가능하다. 각종 오버레이 객체도 올릴 수 있다. 로드뷰 생성하기 샘플보기 로드뷰 도로를 이용하여 로드뷰 생성하기 샘플보기 로드뷰에 커스텀 오버레이 올리기 샘플보기 var cont ainer = document.get Element ById('roadview'); var roadview = new daum.maps.roadview(cont ainer); 85/124

86 var roadview = new daum.maps.roadview(cont ainer); Daum-Open-API-Reference_http://dna.daum.net cont ainer Node : 로드뷰를 생성할 엘리먼트 opt ions Object panoid Number : 로드뷰 시작 지역의 고유 아이디 값. panox Number : panoid가 유효하지 않을 경우 지도좌표를 기반으로 데이터를 요청할 수평 좌표값. panoy Number : panoid가 유효하지 않을 경우 지도좌표를 기반으로 데 이터를 요청할 수직 좌표값. pan Number : 로드뷰 처음 실행시에 바라봐야 할 수평 각. 0이 정북방 향. (0_360) tilt Number : 로드뷰 처음 실행시에 바라봐야 할 수직 각.(-90_90) zoom Number : 로드뷰 줌 초기값.(-3_3) Methods setpanoid(panoid, position) 파노라마 ID를 지정한다. 지도 좌표도 함께 넘겨야 한다. var panoid = ; var posit ion = new daum.maps.lat Lng( , ); roadview.set PanoId(panoId, posit ion); panoid Number posit ion LatLng getpanoid() 파노라마 ID를 반환한다. roadview.get PanoId(); // /124

87 Number st oreid Number st orepanoid Number setviewpoint(viewpoint) 로드뷰 시점을 지정한다. roadview.set Viewpoint({ pan: 10, tilt: 0, zoom: 0 viewpoint Viewpoint getviewpoint() 로드뷰 시점을 반환한다. roadview.get Viewpoint(); // { pan: 45, tilt: 10, zoom: 1 } Viewpoint pan Number tilt Number zoom Number getviewpointwithpanoid() 로드뷰 시점과panoId를 함께 반환한다. 87/124

88 roadview.get Viewpoint Wit hpanoid(); // { pan: 30, tilt: -10, zoom: 0, panoid: } Viewpoint pan Number tilt Number zoom Number panoid Number getposition() 로드뷰가 보여주는 지점의 지도 좌표를 반환한다. roadview.getposition().tostring(); Lat Lng relayout() 로드뷰 엘리먼트의 크기를 변경한 후에는 반드시 이 함수를 호출해야 한다. 플래시 로드뷰는 자동으로 영역을 잡는 경우가 있으나 모바일 로드뷰는 꼭 호출하도 록 하자. 단, window의 resize 이벤트에 대해서는 자동으로 호출된다. roadview.relayout(); Events init 로드뷰가 초기화를 끝내면 발생한다. 88/124

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 13. HTML5 위치정보와드래그앤드롭 SVG SVG(Scalable Vector Graphics) 는 XML- 기반의벡터이미지포맷 웹에서벡터 - 기반의그래픽을정의하는데사용 1999 년부터 W3C 에의하여표준 SVG 의장점 SVG 그래픽은확대되거나크기가변경되어도품질이손상되지않는다. SVG 파일에서모든요소와속성은애니메이션이가능하다. SVG 이미지는어떤텍스트에디터로도생성하고편집할수있다.

More information

Lab10

Lab10 Lab 10: Map Visualization 2015 Fall human-computer interaction + design lab. Joonhwan Lee Map Visualization Shape Shape (.shp): ESRI shp http://sgis.kostat.go.kr/html/index.html 3 d3.js SVG, GeoJSON, TopoJSON

More information

PowerPoint Template

PowerPoint Template JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것

More information

(8) getpi() 함수는정적함수이므로 main() 에서호출할수있다. (9) class Circle private double radius; static final double PI= ; // PI 이름으로 로초기화된정적상수 public

(8) getpi() 함수는정적함수이므로 main() 에서호출할수있다. (9) class Circle private double radius; static final double PI= ; // PI 이름으로 로초기화된정적상수 public Chapter 9 Lab 문제정답 1. public class Circle private double radius; static final double PI=3.141592; // PI 이름으로 3.141592 로초기화된정적상수 (1) public Circle(double r) radius = r; (2) public double getradius() return

More information

슬라이드 1

슬라이드 1 프로세싱 광운대학교로봇학부박광현 프로세싱실행 2 C:\processing-3.2.1 폴더 창나타내기 실행 정지 3 폭 높이 600 400 도형그리기 배경칠하기 5 background(255, 255, 255); R G B background(255, 0, 0); background(255, 122, 0); 선그리기 6 background(255, 122, 0);

More information

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법

More information

슬라이드 1

슬라이드 1 모바일소프트웨어프로젝트 지도 API 1 조 20070216 김성수 20070383 김혜준 20070965 이윤상 20071335 최진 1 매시업? 공개 API? 2 매시업 웹으로제공하고있는정보와서비스를융합하여새로운소프트웨어나서비스, 데이터베이스등을만드는것 < 최초의매시업 > 3 공개 API 누구나사용할수있도록공개된 API 지도, 검색등다양한서비스들에서제공 대표적인예

More information

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 03 장. 테두리여백지정하는속성 이번장에서는테이블, 레이어, 폼양식등의더예쁘게꾸미기위해서 CSS 를이용하여 HTML 요소의테두리속성을바꾸어보자. 이장에서다룰내용 1 2 3 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 01. 테두리를제어하는스타일시트 속성값설명 border-width border-left-width

More information

어댑터뷰

어댑터뷰 04 커스텀어댑터뷰 (Custom Adapter View) 커스텀어댑터뷰 (Custom Adapter View) 커스텀어댑터뷰 (Custom Adatper View) 란? u 어댑터뷰의항목하나는단순한문자열이나이미지뿐만아니라, 임의의뷰가될수 있음 이미지뷰 u 커스텀어댑터뷰설정절차 1 2 항목을위한 XML 레이아웃정의 어댑터정의 3 어댑터를생성하고어댑터뷰객체에연결

More information

Javascript

Javascript 1. 이벤트와이벤트핸들러의이해 이벤트 (Event) 는웹브라우저에서발생하는다양한사건을말합니다. 예를들면, 버튼을마우스로을했다거나브라우저를닫았다거나 Enter 키를눌렀다거나등등아주다양한사건들이있습니다. 그렇다면이벤트핸들러 (Event Handler) 는무엇일까요? 이다양한이벤트들을핸들링 ( 처리 ) 해주는것입니다. 예를들면, 어떤버튼을했을때메시지창이뜨게하는등을말합니다.

More information

chap 5: Trees

chap 5: Trees 5. Threaded Binary Tree 기본개념 n 개의노드를갖는이진트리에는 2n 개의링크가존재 2n 개의링크중에 n + 1 개의링크값은 null Null 링크를다른노드에대한포인터로대체 Threads Thread 의이용 ptr left_child = NULL 일경우, ptr left_child 를 ptr 의 inorder predecessor 를가리키도록변경

More information

PowerPoint Presentation

PowerPoint Presentation 객체지향프로그래밍 클래스, 객체, 메소드 ( 실습 ) 손시운 ssw5176@kangwon.ac.kr 예제 1. 필드만있는클래스 텔레비젼 2 예제 1. 필드만있는클래스 3 예제 2. 여러개의객체생성하기 4 5 예제 3. 메소드가추가된클래스 public class Television { int channel; // 채널번호 int volume; // 볼륨 boolean

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 제 5 장생성자와접근제어 1. 객체지향기법을이해한다. 2. 클래스를작성할수있다. 3. 클래스에서객체를생성할수있다. 4. 생성자를이용하여객체를초기화할수 있다. 5. 접근자와설정자를사용할수있다. 이번장에서만들어볼프로그램 생성자 생성자 (constructor) 는초기화를담당하는함수 생성자가필요한이유 #include using namespace

More information

@ p a g e c o n te n tt y p e = " te x t/ h tm l;c h a rs e t= u tf- 8 " fo r (in t i= 0 ; i< = 1 0 ; i+ + ) { o u t.p rin tln (" H e llo W o rld " + i + " < b r/> " ); = re s u lt + re s u lts u m ()

More information

Microsoft PowerPoint - java1-lab5-ImageProcessorTestOOP.pptx

Microsoft PowerPoint - java1-lab5-ImageProcessorTestOOP.pptx 2018 학년도 1 학기 JAVA 프로그래밍 II 514760-1 2018 년봄학기 5/10/2018 박경신 Lab#1 (ImageTest) Lab#1 은영상파일 (Image) 을읽어서정보를출력 Java Tutorials Lesson: Working with Images https://docs.oracle.com/javase/tutorial/2d/images/index.html

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 11. 자바스크립트와캔버스로게임 만들기 캔버스 캔버스는 요소로생성 캔버스는 HTML 페이지상에서사각형태의영역 실제그림은자바스크립트를통하여코드로그려야한다. 컨텍스트객체 컨텍스트 (context) 객체 : 자바스크립트에서물감과붓의역할을한다. var canvas = document.getelementbyid("mycanvas"); var

More information

Microsoft PowerPoint - web-part02-ch16-이벤트.pptx

Microsoft PowerPoint - web-part02-ch16-이벤트.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part2. jquery Ch16. 이벤트 2014년 1학기 Professor Seung-Hoon Choi 16 이벤트 jquery 에서는 자바스크립트보다더쉽게이벤트를연결할수있음 예 $(document).ready(function(event) { } ) 16.1

More information

Google Maps Android API v2

Google Maps Android API v2 Google Maps API 3 조 20080388 김현철 20080748 양태욱 20091493 김이현 Google Maps? 구글에서제공하는지도서비스 걷기, 차량두가지길찾기기능제공 최근, Open API 로현지대중교통과연동하여사용 Google Maps API? 개발자에게 Google Maps 를삽입할수있도록 Google 에서제공하는 Application

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 12 장. 인터페이스관련 API 목차 12.1 위치정보사용하기 12.2 드래그앤드롭사용하기 12.3 오디오및비디오제어하기 2 12.1 위치정보사용하기 12.1.1 지오로케이션 API의개요 12.1.2 단발성위치요청하기 12.1.3 반복적위치요청하기 3 위치정보 (geolocation) 위치정보 GPS 가내장된모바일기기에서정확한위치파악가능

More information

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF CHAPTER 2 (interaction) Ext JS., HTML, onready, MessageBox get.. Ext JS HTML CSS Ext JS.1. Ext JS. Ext.Msg: : Ext Ext.get: DOM 22 CHAPTER 2 (config). Ext JS.... var test = new TestFunction( 'three', 'fixed',

More information

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part1. JavaScript / Ch10. 문서객체모델 2014년 1학기 Professor Seung-Hoon Choi 10 문서객체모델 문서객체모델 (Document Object Model, DOM) 웹브라우저가 HTML 페이지를인식하는방식 document

More information

B _00_Ko_p1-p51.indd

B _00_Ko_p1-p51.indd KOS-V000 B64-797-00/00 (MV) KOS-V000 설명서를 보는 방법 이 설명서에서는 삽입된 그림을 통해 작동 방법을 설명합니다. 이 설명서에 나타낸 화면과 패널은 작동 방법을 자세히 설명하는 데 이용되는 예입니다. 따라서 실제 화면이나 패널과 다르거나 일부 디 스플레이 패턴이 다를 수도 있습니다. 찾기 모드 방송국 선택 설정. TUNER

More information

09-interface.key

09-interface.key 9 Database insert(record r): boolean find(key k): Record 1 Record getkey(): Key * Record Key Database.? Key equals(key y): boolean Database insert(record r): boolean find(key k): Record * Database OK 1

More information

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx #include int main(void) { int num; printf( Please enter an integer "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); return 0; } 1 학습목표 을 작성하면서 C 프로그램의

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 5 장. 고급표현을위한 CSS3 활용 1 목차 5.1 박스모델설정하기 5.2 레이아웃설정하기 5.3 다양한효과설정하기 5.4 움직임설정하기 2 5.1 박스모델설정하기 5.1.1 영역설정을위한박스모델 5.1.2 박스모델유형의지정 3 영역설정을위한박스모델 배경영역 , , : 해당하는줄만큼배경 ,

More information

Visual Basic 반복문

Visual Basic 반복문 학습목표 반복문 For Next문, For Each Next문 Do Loop문, While End While문 구구단작성기로익히는반복문 2 5.1 반복문 5.2 구구단작성기로익히는반복문 3 반복문 주어진조건이만족하는동안또는주어진조건이만족할때까지일정구간의실행문을반복하기위해사용 For Next For Each Next Do Loop While Wend 4 For

More information

KPS-19MA-1.hwp

KPS-19MA-1.hwp 판서모니터 사양(모델명 KPS-19MA) 모델명 KPS-19MA 화면크기 19.0 inch 해상도 1280 (H)x1024 (v) 픽셀크기 0.294 x0.294 mm 화소 16.7M (8 bits/color) 선명도 800:1 밝기 300 cd/m2 응답속도 Tr+Tf=5 ms 시야각 +80 ~80 (H), +80 ~80 (V) Tablet Specification

More information

gnu-lee-oop-kor-lec06-3-chap7

gnu-lee-oop-kor-lec06-3-chap7 어서와 Java 는처음이지! 제 7 장상속 Super 키워드 상속과생성자 상속과다형성 서브클래스의객체가생성될때, 서브클래스의생성자만호출될까? 아니면수퍼클래스의생성자도호출되는가? class Base{ public Base(String msg) { System.out.println("Base() 생성자 "); ; class Derived extends Base

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 Power Java 제 11 장상속 이번장에서학습할내용 상속이란? 상속의사용 메소드재정의 접근지정자 상속과생성자 Object 클래스 종단클래스 상속을코드를재사용하기위한중요한기법입니다. 상속이란? 상속의개념은현실세계에도존재한다. 상속의장점 상속의장점 상속을통하여기존클래스의필드와메소드를재사용 기존클래스의일부변경도가능 상속을이용하게되면복잡한 GUI 프로그램을순식간에작성

More information

Microsoft PowerPoint - ch10 - 이진트리, AVL 트리, 트리 응용 pm0600

Microsoft PowerPoint - ch10 - 이진트리, AVL 트리, 트리 응용 pm0600 균형이진탐색트리 -VL Tree delson, Velskii, Landis에의해 1962년에제안됨 VL trees are balanced n VL Tree is a binary search tree such that for every internal node v of T, the heights of the children of v can differ by at

More information

UI TASK & KEY EVENT

UI TASK & KEY EVENT 2007. 2. 5 PLATFORM TEAM 정용학 차례 CONTAINER & WIDGET SPECIAL WIDGET 질의응답및토의 2 Container LCD에보여지는화면한개 1개이상의 Widget을가짐 3 Container 초기화과정 ui_init UMP_F_CONTAINERMGR_Initialize UMP_H_CONTAINERMGR_Initialize

More information

JAVA PROGRAMMING 실습 08.다형성

JAVA PROGRAMMING 실습 08.다형성 2015 학년도 2 학기 1. 추상메소드 선언은되어있으나코드구현되어있지않은메소드 abstract 키워드사용 메소드타입, 이름, 매개변수리스트만선언 public abstract String getname(); public abstract void setname(string s); 2. 추상클래스 abstract 키워드로선언한클래스 종류 추상메소드를포함하는클래스

More information

var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");

var answer = confirm( 확인이나취소를누르세요.); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write( 확인을눌렀습니다.); else { document.write( 취소를눌렀습니다.); 자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트

More information

Modern Javascript

Modern Javascript ES6 - Arrow Function Class Template String Destructuring Default, Rest, Spread let, const for..of Promises Module System Map, Set * Generator * Symbol * * https://babeljs.io/ Babel is a JavaScript compiler.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 제 11 장상속 1. 상속의개념을이해한다. 2. 상속을이용하여자식클래스를작성할수있다. 3. 상속과접근지정자와의관계를이해한다. 4. 상속시생성자와소멸자가호출되는순서를이해한다. 이번장에서만들어볼프로그램 class Circle { int x, y; int radius;... class Rect { int x, y; int width, height;... 중복 상속의개요

More information

게임 기획서 표준양식 연구보고서

게임 기획서 표준양식 연구보고서 ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ ᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞᆞ

More information

LIDAR와 영상 Data Fusion에 의한 건물 자동추출

LIDAR와 영상 Data Fusion에 의한 건물 자동추출 i ii iii iv v vi vii 1 2 3 4 Image Processing Image Pyramid Edge Detection Epipolar Image Image Matching LIDAR + Photo Cross correlation Least Squares Epipolar Line Matching Low Level High Level Space

More information

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상 Android 용 Brother Image Viewer 설명서 버전 0 KOR 아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상표입니다. Android는

More information

Vertical Probe Card Technology Pin Technology 1) Probe Pin Testable Pitch:03 (Matrix) Minimum Pin Length:2.67 High Speed Test Application:Test Socket

Vertical Probe Card Technology Pin Technology 1) Probe Pin Testable Pitch:03 (Matrix) Minimum Pin Length:2.67 High Speed Test Application:Test Socket Vertical Probe Card for Wafer Test Vertical Probe Card Technology Pin Technology 1) Probe Pin Testable Pitch:03 (Matrix) Minimum Pin Length:2.67 High Speed Test Application:Test Socket Life Time: 500000

More information

Prototype에서 jQuery로 옮겨타기

Prototype에서 jQuery로 옮겨타기 Created by Firejune at 2008/11/10, Last modified 2016/09/11 Prototype에서 jquery로 옮겨타기 jquery는 겸손한(unobtrusive) 자바스크립트를 위한 자바스크립트 라이브러리다. jquery는 태생적으로 BDD(Behavior driven development) 방법론을 지향하고 CSS 셀렉터를

More information

SproutCore에 홀딱 반했습니다.

SproutCore에 홀딱 반했습니다. Created by Firejune at 2009/10/30 SproutCore에 홀딱 반했습니다. 회사에서 첨여중인 프로젝트의 시제품(prototype)에 SproutCore 자바스크립트 프레임웍을 적용한 것을 시작으로, 아주 조금씩 조금씩 작동원리를 이해해 가면서 즐거운 나날을 보내고 있습니다. 그렇게 약 2개월 정도 작업이 진행되었고 큰 그림이 머리속에

More information

PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

PathEye 공식 블로그 다운로드 받으세요!!   지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다. PathEye Mobile Ver. 0.71b 2009. 3. 17 By PathEye 공식 블로그 다운로드 받으세요!! http://blog.patheye.com 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다. PathEye 설치 1/3 최종 배포 버전을 다 운로드 받습니다. 다운로드된 파일은 CAB 파일입니다. CAB 파일에는

More information

2_안드로이드UI

2_안드로이드UI 03 Layouts 레이아웃 (Layout) u ViewGroup의파생클래스로서, 포함된 View를정렬하는기능 u 종류 LinearLayout 컨테이너에포함된뷰들을수평또는수직으로일렬배치하는레이아웃 RelativeLayout 뷰를서로간의위치관계나컨테이너와의위치관계를지정하여배치하는레이아웃 TableLayout 표형식으로차일드를배치하는레이아웃 FrameLayout

More information

API - Notification 메크로를통하여어느특정상황이되었을때 SolidWorks 및보낸경로를통하여알림메시지를보낼수있습니다. 이번기술자료에서는메크로에서이벤트처리기를통하여진행할예정이며, 메크로에서작업을수행하는데유용할것입니다. 알림이벤트핸들러는응용프로그램구현하는데있어

API - Notification 메크로를통하여어느특정상황이되었을때 SolidWorks 및보낸경로를통하여알림메시지를보낼수있습니다. 이번기술자료에서는메크로에서이벤트처리기를통하여진행할예정이며, 메크로에서작업을수행하는데유용할것입니다. 알림이벤트핸들러는응용프로그램구현하는데있어 메크로를통하여어느특정상황이되었을때 SolidWorks 및보낸경로를통하여알림메시지를보낼수있습니다. 이번기술자료에서는메크로에서이벤트처리기를통하여진행할예정이며, 메크로에서작업을수행하는데유용할것입니다. 알림이벤트핸들러는응용프로그램구현하는데있어서가장중요한부분이라고도할수있기때문입니다. 1. 새로운메크로생성 새메크로만들기버튺을클릭하여파일을생성합니다. 2. 메크로저장 -

More information

3D MAX + WEEK 9 Hansung Univ. Interior Design

3D MAX + WEEK 9 Hansung Univ. Interior Design 3D MAX + WEEK 9 Hansung Univ. Interior Design 3D MAX + UNREAL ENGINE 4 4 4 이용하여 애니메이션 만들기 Max에서 준비하기 공간 만들기 Max에서 준비하기 박공지붕 만들기: 5000mm만큼 올리기 Max에서 준비하기 창만들기: 한쪽 벽만 창 제작 Max에서 준비하기 벽체 분리:Detach Max에서 준비하기

More information

A Hierarchical Approach to Interactive Motion Editing for Human-like Figures

A Hierarchical Approach to Interactive Motion Editing for Human-like Figures 단일연결리스트 (Singly Linked List) 신찬수 연결리스트 (linked list)? tail 서울부산수원용인 null item next 구조체복습 struct name_card { char name[20]; int date; } struct name_card a; // 구조체변수 a 선언 a.name 또는 a.date // 구조체 a의멤버접근 struct

More information

JUNIT 실습및발표

JUNIT 실습및발표 JUNIT 실습및발표 JUNIT 접속 www.junit.org DownLoad JUnit JavaDoc API Document 를참조 JUNIT 4.8.1 다운로드 설치파일 (jar 파일 ) 을다운로드 CLASSPATH 를설정 환경변수에서설정 실행할클래스에서 import JUnit 설치하기 테스트실행주석 @Test Test 를실행할 method 앞에붙임 expected

More information

PowerPoint Presentation

PowerPoint Presentation 객체지향프로그래밍 인터페이스, 람다식, 패키지 ( 실습 ) 손시운 ssw5176@kangwon.ac.kr 예제 1. 홈네트워킹 public interface RemoteControl { public void turnon(); // 가전제품을켠다. public void turnoff(); // 가전제품을끈다. 인터페이스를구현 public class Television

More information

Windows 8에서 BioStar 1 설치하기

Windows 8에서 BioStar 1 설치하기 / 콘텐츠 테이블... PC에 BioStar 1 설치 방법... Microsoft SQL Server 2012 Express 설치하기... Running SQL 2012 Express Studio... DBSetup.exe 설정하기... BioStar 서버와 클라이언트 시작하기... 1 1 2 2 6 7 1/11 BioStar 1, Windows 8 BioStar

More information

Microsoft PowerPoint - 2강

Microsoft PowerPoint - 2강 컴퓨터과학과 김희천교수 학습개요 Java 언어문법의기본사항, 자료형, 변수와상수선언및사용법, 각종연산자사용법, if/switch 등과같은제어문사용법등에대해설명한다. 또한 C++ 언어와선언 / 사용방법이다른 Java의배열선언및사용법에대해서설명한다. Java 언어의효과적인활용을위해서는기본문법을이해하는것이중요하다. 객체지향의기본개념에대해알아보고 Java에서어떻게객체지향적요소를적용하고있는지살펴본다.

More information

adfasdfasfdasfasfadf

adfasdfasfdasfasfadf C 4.5 Source code Pt.3 ISL / 강한솔 2019-04-10 Index Tree structure Build.h Tree.h St-thresh.h 2 Tree structure *Concpets : Node, Branch, Leaf, Subtree, Attribute, Attribute Value, Class Play, Don't Play.

More information

Microsoft PowerPoint - 05geometry.ppt

Microsoft PowerPoint - 05geometry.ppt Graphic Applications 3ds MAX 의기초도형들 Geometry 3 rd Week, 2007 3 차원의세계 축 (Axis) X, Y, Z 축 중심점 (Origin) 축들이모이는점 전역축 (World Coordinate Axis) 절대좌표 지역축 (Local Coordinate Axis) 오브젝트마다가지고있는축 Y Z X X 다양한축을축을사용한작업작업가능

More information

1

1 2/33 3/33 4/33 5/33 6/33 7/33 8/33 9/33 10/33 11/33 12/33 13/33 14/33 15/33 16/33 17/33 5) 입력을 다 했으면 확인 버튼을 클릭합니다. 6) 시작 페이지가 제대로 설정이 되었는지 살펴볼까요. 익스플로러를 종료하고 다시 실행시켜 보세요. 시작화면에 야후! 코리아 화면이 뜬다면 설정 완료..^^

More information

PowerPoint Presentation

PowerPoint Presentation Class - Property Jo, Heeseung 목차 section 1 클래스의일반구조 section 2 클래스선언 section 3 객체의생성 section 4 멤버변수 4-1 객체변수 4-2 클래스변수 4-3 종단 (final) 변수 4-4 멤버변수접근방법 section 5 멤버변수접근한정자 5-1 public 5-2 private 5-3 한정자없음

More information

; struct point p[10] = {{1, 2, {5, -3, {-3, 5, {-6, -2, {2, 2, {-3, -3, {-9, 2, {7, 8, {-6, 4, {8, -5; for (i = 0; i < 10; i++){ if (p[i].x > 0 && p[i

; struct point p[10] = {{1, 2, {5, -3, {-3, 5, {-6, -2, {2, 2, {-3, -3, {-9, 2, {7, 8, {-6, 4, {8, -5; for (i = 0; i < 10; i++){ if (p[i].x > 0 && p[i ; struct point p; printf("0이아닌점의좌표를입력하시오 : "); scanf("%d %d", &p.x, &p.y); if (p.x > 0 && p.y > 0) printf("1사분면에있다.\n"); if (p.x < 0 && p.y > 0) printf("2사분면에있다.\n"); if (p.x < 0 && p.y < 0) printf("3사분면에있다.\n");

More information

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 (   ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각 JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( http://java.sun.com/javase/6/docs/api ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각선의길이를계산하는메소드들을작성하라. 직사각형의가로와세로의길이는주어진다. 대각선의길이는 Math클래스의적절한메소드를이용하여구하라.

More information

노트북 IT / 모바일 데스크탑 34 올인원PC 35 PC 소프트웨어 포터블SSD / SSD / 메모리카드 36 태블릿 37 휴대폰 39 PC 솔루션 IT / 모바일 IT / 모바일 노트북 29 삼성전자는 Windows 를 권장합니다. 삼성전자만의 편리하고 다양한 소프트웨어를 통해 초보자도 보다 쉽고 빠르게 이용 가능합니다. Easy Settings 삼성 패스트

More information

Building Mobile AR Web Applications in HTML5 - Google IO 2012

Building Mobile AR Web Applications in HTML5 - Google IO 2012 Building Mobile AR Web Applications in HTML5 HTML5 -, KIST -, UST HCI & Robotics Agenda Insight: AR Web Browser S.M.AR.T: AR CMS HTML5 HTML5 AR - Hello world! - Transform - - AR Events 3/33 - - - (Simplicity)

More information

PowerPoint Presentation

PowerPoint Presentation Package Class 3 Heeseung Jo 목차 section 1 패키지개요와패키지의사용 section 2 java.lang 패키지의개요 section 3 Object 클래스 section 4 포장 (Wrapper) 클래스 section 5 문자열의개요 section 6 String 클래스 section 7 StringBuffer 클래스 section

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 객체지향프로그래밍 (OOP: object-oriented programming) 은우리가살고있는실제세계가객체 (object) 들로구성되어있는것과비슷하게, 소프트웨어도객체로구성하는방법이다. 객체는상태와동작을가지고있다. 객체의상태 (state) 는객체의속성이다. 객체의동작 (behavior) 은객체가취할수있는동작 ( 기능 ) 이다. 객체에대한설계도를클래스 (class)

More information

Microsoft PowerPoint - chap04-연산자.pptx

Microsoft PowerPoint - chap04-연산자.pptx int num; printf( Please enter an integer: "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); } 1 학습목표 수식의 개념과 연산자, 피연산자에 대해서 알아본다. C의 를 알아본다. 연산자의 우선 순위와 결합 방향에

More information

제8장 자바 GUI 프로그래밍 II

제8장 자바 GUI 프로그래밍 II 제8장 MVC Model 8.1 MVC 모델 (1/7) MVC (Model, View, Controller) 모델 스윙은 MVC 모델에기초를두고있다. MVC란 Xerox의연구소에서 Smalltalk 언어를바탕으로사용자인터페이스를개발하기위한방법 MVC는 3개의구성요소로구성 Model : 응용프로그램의자료를표현하기위한모델 View : 자료를시각적으로 (GUI 방식으로

More information

Javascript.pages

Javascript.pages JQuery jquery part1 JavaScript : e-mail:leseraphina@naver.com http://www.webhard.co.kr I.? 2 ......,,. : : html5 ; ; .

More information

파일 포멧 정의서

파일 포멧 정의서 MGIS Open API 지도 Viewer (Android 용 ) -i- Ver1.1 양면인쇄 -ii- Ver1.1 변경이력 변경코드내용변경일자 1.0 초안작성 2012/11/20 1.1 변경된지도서비스로샘플변경 2016/02/02 -iii- Ver1.1 목차 1. 클래스참조... 1 1.1. 클래스... 1 1.1.1. Public Properties...

More information

03장.스택.key

03장.스택.key ---------------- DATA STRUCTURES USING C ---------------- 03CHAPTER 1 ? (stack): (LIFO:Last-In First-Out) 2 : top : ( index -1 ),,, 3 : ( ) ( ) -> ->. ->.... 4 Stack ADT : (LIFO) : init():. is_empty():

More information

4장기본프로그래밍2

4장기본프로그래밍2 4-2 마우스 (Mouse) 마우스이벤트 Click 이벤트 마우스버튼이눌렸다가떼어질때발생 DblClick 이벤트 마우스버튼이두번눌렸다가떼어질때발생 MouseDown 이벤트 마우스버튼이눌렸을때발생 MouseUp 이벤트 마우스버튼이떼어질때발생 MouseMove 이벤트 마우스가움직일때발생 DragOver 이벤트 마우스버튼을누른상태에서끌기를했을때발생 DragDrop

More information

SIGIL 완벽입문

SIGIL 완벽입문 누구나 만드는 전자책 SIGIL 을 이용해 전자책을 만들기 EPUB 전자책이 가지는 단점 EPUB이라는 포맷과 제일 많이 비교되는 포맷은 PDF라는 포맷 입니다. EPUB이 나오기 전까지 전 세계에서 가장 많이 사용되던 전자책 포맷이고, 아직도 많이 사 용되기 때문이기도 한며, 또한 PDF는 종이책 출력을 위해서도 사용되기 때문에 종이책 VS

More information

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES ActiveX 컴포넌트가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES ActiveX 컴포넌트가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES 2012.02.18 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone 02-2108-8030 Fax 02-2108-8031 www.softbase.co.kr Copyright 2010 SOFTBase Inc. All rights reserved 목차 1 장 : ActiveX

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습 1 배효철 th1g@nate.com 1 목차 조건문 반복문 System.out 구구단 모양만들기 Up & Down 2 조건문 조건문의종류 If, switch If 문 조건식결과따라중괄호 { 블록을실행할지여부결정할때사용 조건식 true 또는 false값을산출할수있는연산식 boolean 변수 조건식이 true이면블록실행하고 false 이면블록실행하지않음 3

More information

¿ÀǼҽº°¡À̵å1 -new

¿ÀǼҽº°¡À̵å1 -new Open Source SW 4 Open Source SW 5 Korea Copyright Commission 8 Open Source SW 9 10 Open Source SW 11 12 Open Source SW 13 14 Open Source SW 15 Korea Copyright Commission 18 Open Source SW 19 20 Open

More information

Microsoft PowerPoint - web-part02-ch15-문서객체조작.pptx

Microsoft PowerPoint - web-part02-ch15-문서객체조작.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part2. jquery Ch15. 문서객체조작 2014년 1학기 Professor Seung-Hoon Choi 15 문서객체조작 문서객체조작 자바스크립트만으로문서객체모델을다루려면복잡함 jquery를이용하면쉽게다룰수있다. 이책에서가장중요한부분 15.1 문서객체의클래스속성추가

More information

인천광역시의회 의원 상해 등 보상금 지급에 관한 조례 일부개정조례안 의안 번호 179 제안연월일 : 2007. 4. 제 안 자 :조례정비특별위원회위원장 제안이유 공무상재해인정기준 (총무처훈령 제153호)이 공무원연금법 시행규칙 (행정자치부령 제89호)으로 흡수 전면 개

인천광역시의회 의원 상해 등 보상금 지급에 관한 조례 일부개정조례안 의안 번호 179 제안연월일 : 2007. 4. 제 안 자 :조례정비특별위원회위원장 제안이유 공무상재해인정기준 (총무처훈령 제153호)이 공무원연금법 시행규칙 (행정자치부령 제89호)으로 흡수 전면 개 인천광역시의회 의원 상해 등 보상금 지급에 관한 조례 일부개정조례안 인 천 광 역 시 의 회 인천광역시의회 의원 상해 등 보상금 지급에 관한 조례 일부개정조례안 의안 번호 179 제안연월일 : 2007. 4. 제 안 자 :조례정비특별위원회위원장 제안이유 공무상재해인정기준 (총무처훈령 제153호)이 공무원연금법 시행규칙 (행정자치부령 제89호)으로 흡수 전면

More information

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp 1 0 1.7 6 5 'A ' '/ u 4 4 2 2 ' " JS P 프로그래밍 " A ', 'b ', ' 한 ', 9, \ u d 6 5 4 ' c h a r a = 'A '; 0 1 0 2 0 3 0 4 0 5 0 6 0 7 0 8 0 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 < % @ p a g e c o n te n

More information

자바 프로그래밍

자바 프로그래밍 5 (kkman@mail.sangji.ac.kr) (Class), (template) (Object) public, final, abstract [modifier] class ClassName { // // (, ) Class Circle { int radius, color ; int x, y ; float getarea() { return 3.14159

More information

<4D F736F F F696E74202D20C1A63038C0E520C5ACB7A1BDBABFCD20B0B4C3BC4928B0ADC0C729205BC8A3C8AF20B8F0B5E55D>

<4D F736F F F696E74202D20C1A63038C0E520C5ACB7A1BDBABFCD20B0B4C3BC4928B0ADC0C729205BC8A3C8AF20B8F0B5E55D> Power Java 제 8 장클래스와객체 I 이번장에서학습할내용 클래스와객체 객체의일생직접 메소드클래스를 필드작성해 UML 봅시다. QUIZ 1. 객체는 속성과 동작을가지고있다. 2. 자동차가객체라면클래스는 설계도이다. 먼저앞장에서학습한클래스와객체의개념을복습해봅시다. 클래스의구성 클래스 (class) 는객체의설계도라할수있다. 클래스는필드와메소드로이루어진다.

More information

openapi.naver.com NAVER open API 검색결과서비스 / 07 08 지식IN 검색요청 URL 및변수 (request url and parameter) / 08 출력결과필드 (response field) / 08 Contents 09 블로그검색 요청 URL 및변수 (request url and parameter) / 09 출력결과필드 (response

More information

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2 학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2 6.1 함수프로시저 6.2 서브프로시저 6.3 매개변수의전달방식 6.4 함수를이용한프로그래밍 3 프로시저 (Procedure) 프로시저 (Procedure) 란무엇인가? 논리적으로묶여있는하나의처리단위 내장프로시저 이벤트프로시저, 속성프로시저, 메서드, 비주얼베이직내장함수등

More information

<4D F736F F F696E74202D B3E22032C7D0B1E220C0A9B5B5BFECB0D4C0D3C7C1B7CEB1D7B7A1B9D620C1A638B0AD202D20C7C1B7B9C0D320BCD3B5B5C0C720C1B6C0FD>

<4D F736F F F696E74202D B3E22032C7D0B1E220C0A9B5B5BFECB0D4C0D3C7C1B7CEB1D7B7A1B9D620C1A638B0AD202D20C7C1B7B9C0D320BCD3B5B5C0C720C1B6C0FD> 2006 년 2 학기윈도우게임프로그래밍 제 8 강프레임속도의조절 이대현 한국산업기술대학교 오늘의학습내용 프레임속도의조절 30fps 맞추기 스프라이트프레임속도의조절 프레임속도 (Frame Rate) 프레임속도란? 얼마나빨리프레임 ( 일반적으로하나의완성된화면 ) 을만들어낼수있는지를나타내는척도 일반적으로초당프레임출력횟수를많이사용한다. FPS(Frame Per Sec)

More information

Design Issues

Design Issues 11 COMPUTER PROGRAMMING INHERIATANCE CONTENTS OVERVIEW OF INHERITANCE INHERITANCE OF MEMBER VARIABLE RESERVED WORD SUPER METHOD INHERITANCE and OVERRIDING INHERITANCE and CONSTRUCTOR 2 Overview of Inheritance

More information

스키 점프의 생체역학적 연구

스키 점프의 생체역학적 연구 연구 대상자 연령(세) 신장(cm) 체중(kg) 운동경력(년) 스키 플레이트 특성 길이(cm) 무게(kg) A(CYJ) 21 162.0 53 12 237 3.56 B(KCK) 19 173.0 55 8 253 3.80 C(KHK) 20 175.0 62 12 256 3.80 선행 연구 변인 조사 ꀻ 실험 계획 및 설계 ꀻ 촬 영 ꀻ 디지타이징 위치 좌표 계산 운동학적

More information

Microsoft PowerPoint - 야후 지도 API.ppt [호환 모드]

Microsoft PowerPoint - 야후 지도 API.ppt [호환 모드] Where 2.0 시대의강력한우군 야후! 지도 AJAX API 3.7 Yahoo! Korea Map Engineering Team 차례 Where 2.0 야후! 지도서비스 야후! 지도 AJAX API 준비사항및배경지식 AJAX API 사용방법 야후! 지도관련 XML API 지역명검색 XML API 좌표, 지명변환 XML API 좌표변환 XML API API

More information

Microsoft PowerPoint UI-Event.Notification(1.5h).pptx

Microsoft PowerPoint UI-Event.Notification(1.5h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 UI 이벤트 Event listener Touch mode Focus handling Notification Basic toast notification Customized toast notification Status bar notification 2 사용자가인터랙션하는특정 View

More information

삼외구사( 三 畏 九 思 ) 1981년 12월 28일 마산 상덕법단 마산백양진도학생회 회장 김무성 외 29명이 서울 중앙총본부를 방문하였을 때 내려주신 곤수곡인 스승님의 법어 내용입니다. 과거 성인께서 말씀하시길 道 를 가지고 있는 사람과 어울려야만 道 를 배울 수 있

삼외구사( 三 畏 九 思 ) 1981년 12월 28일 마산 상덕법단 마산백양진도학생회 회장 김무성 외 29명이 서울 중앙총본부를 방문하였을 때 내려주신 곤수곡인 스승님의 법어 내용입니다. 과거 성인께서 말씀하시길 道 를 가지고 있는 사람과 어울려야만 道 를 배울 수 있 2014 2 통권 342호 차 례 제목 : 백양역사의 초석 사진 : 모경옥 단주 2 7 8 12 14 17 20 30 32 34 36 38 42 45 곤수곡인법어 성훈한마디 신년사 심법연구 이상적멸분( 離 相 寂 滅 分 ) 59 경전연구 論 語 78 미륵세상 만들기 스승을 그리며/김문자 점전사 편 용두봉 음악 산책

More information

IRISCard Anywhere 5

IRISCard Anywhere 5 이 빠른 사용자 가이드는 IRISCard Anywhere 5 및 IRISCard Corporate 5 스캐너의 설치와 시작을 도와 드립니다. 이 스캐너와 함께 제공되는 소프트웨어는: - Cardiris Pro 5 및 Cardiris Corporate 5 for CRM (Windows 용) - Cardiris Pro 4 (Mac OS 용) Cardiris 의

More information

종사연구자료-이야기방2014 7 18.hwp

종사연구자료-이야기방2014 7 18.hwp 차례 1~3쪽 머리말 4 1. 계대 연구자료 7 가. 증 문하시랑동평장사 하공진공 사적기 7 나. 족보 변천사항 9 1) 1416년 진양부원군 신도비 음기(陰記)상의 자손록 9 2) 1605년 을사보 9 3) 1698년 무인 중수보 9 4) 1719년 기해보 10 5) 1999년 판윤공 파보 10 - 계대 10 - 근거 사서 11 (1) 고려사 척록(高麗史摭錄)

More information

교육자료

교육자료 THE SYS4U DODUMENT Java Reflection & Introspection 2012.08.21 김진아사원 2012 SYS4U I&C All rights reserved. 목차 I. 개념 1. Reflection 이란? 2. Introspection 이란? 3. Reflection 과 Introspection 의차이점 II. 실제사용예 1. Instance의생성

More information

<4D F736F F F696E74202D20C1A63034B0AD202D20C7C1B7B9C0D3B8AEBDBAB3CABFCD20B9ABB9F6C6DBC0D4B7C2>

<4D F736F F F696E74202D20C1A63034B0AD202D20C7C1B7B9C0D3B8AEBDBAB3CABFCD20B9ABB9F6C6DBC0D4B7C2> 게임엔진 제 4 강프레임리스너와 OIS 입력시스템 이대현교수 한국산업기술대학교게임공학과 학습내용 프레임리스너의개념 프레임리스너를이용한엔터티의이동 OIS 입력시스템을이용한키보드입력의처리 게임루프 Initialization Game Logic Drawing N Exit? Y Finish 실제게임루프 오우거엔진의메인렌더링루프 Root::startRendering()

More information

chap 5: Trees

chap 5: Trees Chapter 5. TREES 목차 1. Introduction 2. 이진트리 (Binary Trees) 3. 이진트리의순회 (Binary Tree Traversals) 4. 이진트리의추가연산 5. 스레드이진트리 (Threaded Binary Trees) 6. 히프 (Heaps) 7. 이진탐색트리 (Binary Search Trees) 8. 선택트리 (Selection

More information

목 차 국회 1 월 중 제 개정 법령 대통령령 7 건 ( 제정 -, 개정 7, 폐지 -) 1. 댐건설 및 주변지역지원 등에 관한 법률 시행령 일부개정 1 2. 지방공무원 수당 등에 관한 규정 일부개정 1 3. 경력단절여성등의 경제활동 촉진법 시행령 일부개정 2 4. 대

목 차 국회 1 월 중 제 개정 법령 대통령령 7 건 ( 제정 -, 개정 7, 폐지 -) 1. 댐건설 및 주변지역지원 등에 관한 법률 시행령 일부개정 1 2. 지방공무원 수당 등에 관한 규정 일부개정 1 3. 경력단절여성등의 경제활동 촉진법 시행령 일부개정 2 4. 대 목 차 국회 1 월 중 제 개정 법령 대통령령 7 건 ( 제정 -, 개정 7, 폐지 -) 1. 댐건설 및 주변지역지원 등에 관한 법률 시행령 일부개정 1 2. 지방공무원 수당 등에 관한 규정 일부개정 1 3. 경력단절여성등의 경제활동 촉진법 시행령 일부개정 2 4. 대도시권 광역교통관리에 관한 특별법 시행령 일부개정 3 5. 영유아보육법 시행령 일부개정 4

More information

C# Programming Guide - Types

C# Programming Guide - Types C# Programming Guide - Types 최도경 lifeisforu@wemade.com 이문서는 MSDN 의 Types 를요약하고보충한것입니다. http://msdn.microsoft.com/enus/library/ms173104(v=vs.100).aspx Types, Variables, and Values C# 은 type 에민감한언어이다. 모든

More information

CAD 화면상에 동그란 원형 도형이 생성되었습니다. 화면상에 나타난 원형은 반지름 500인 도형입니다. 하지만 반지름이 500이라는 것은 작도자만 알고 있는 사실입니다. 반지름이 500이라는 것을 클라이언트와 작업자들에게 알려주기 위 해서는 반드시 치수가 필요하겠죠?

CAD 화면상에 동그란 원형 도형이 생성되었습니다. 화면상에 나타난 원형은 반지름 500인 도형입니다. 하지만 반지름이 500이라는 것은 작도자만 알고 있는 사실입니다. 반지름이 500이라는 것을 클라이언트와 작업자들에게 알려주기 위 해서는 반드시 치수가 필요하겠죠? 실무 인테리어를 위한 CAD 프로그램 활용 인테리어 도면 작도에 꼭 필요한 명령어 60개 Ⅷ 이번 호에서는 DIMRADIUS, DIMANGULAR, DIMTEDIT, DIMSTYLE, QLEADER, 5개의 명령어를 익히도록 하겠다. 라경모 온라인 설계 서비스 업체 '도면창고' 대 표를 지낸 바 있으며, 현재 나인슈타인 을 설립해 대표 를맡고있다. E-Mail

More information

슬라이드 1

슬라이드 1 2007 년 2 학기윈도우게임프로그래밍 제 7 강프레임속도의조절 이대현 핚국산업기술대학교 학습내용 프레임속도의조절 30fps 맞추기 스프라이트프레임속도의조절 프레임속도 (Frame Rate) 프레임속도란? 얼마나빨리프레임 ( 일반적으로하나의완성된화면 ) 을만들어낼수있는지를나타내는척도 일반적으로초당프레임출력횟수를많이사용핚다. FPS(Frame Per Sec)

More information

iii. Design Tab 을 Click 하여 WindowBuilder 가자동으로생성한 GUI 프로그래밍환경을확인한다.

iii. Design Tab 을 Click 하여 WindowBuilder 가자동으로생성한 GUI 프로그래밍환경을확인한다. Eclipse 개발환경에서 WindowBuilder 를이용한 Java 프로그램개발 이예는 Java 프로그램의기초를이해하고있는사람을대상으로 Embedded Microcomputer 를이용한제어시스템을 PC 에서 Serial 통신으로제어 (Graphical User Interface (GUI) 환경에서 ) 하는프로그램개발예를설명한다. WindowBuilder:

More information

DocsPin_Korean.pages

DocsPin_Korean.pages Unity Localize Script Service, Page 1 Unity Localize Script Service Introduction Application Game. Unity. Google Drive Unity.. Application Game. -? ( ) -? -?.. 준비사항 Google Drive. Google Drive.,.. - Google

More information

Microsoft PowerPoint 웹 연동 기술.pptx

Microsoft PowerPoint 웹 연동 기술.pptx 웹프로그래밍및실습 ( g & Practice) 문양세강원대학교 IT 대학컴퓨터과학전공 URL 분석 (1/2) URL (Uniform Resource Locator) 프로토콜, 호스트, 포트, 경로, 비밀번호, User 등의정보를포함 예. http://kim:3759@www.hostname.com:80/doc/index.html URL 을속성별로분리하고자할경우

More information

API STORE 키발급및 API 사용가이드 Document Information 문서명 : API STORE 언어별 Client 사용가이드작성자 : 작성일 : 업무영역 : 버전 : 1 st Draft. 서브시스템 : 문서번호 : 단계 : Docum

API STORE 키발급및 API 사용가이드 Document Information 문서명 : API STORE 언어별 Client 사용가이드작성자 : 작성일 : 업무영역 : 버전 : 1 st Draft. 서브시스템 : 문서번호 : 단계 : Docum API STORE 키발급및 API 사용가이드 Document Information 문서명 : API STORE 언어별 Client 사용가이드작성자 : 작성일 : 2012.11.23 업무영역 : 버전 : 1 st Draft. 서브시스템 : 문서번호 : 단계 : Document Distribution Copy Number Name(Role, Title) Date

More information

참고 금융분야 개인정보보호 가이드라인 1. 개인정보보호 관계 법령 개인정보 보호법 시행령 신용정보의 이용 및 보호에 관한 법률 시행령 금융실명거래 및 비밀보장에 관한 법률 시행령 전자금융거래법 시행령 은행법 시행령 보험업법 시행령 자동차손해배상 보장법 시행령 자본시장과

참고 금융분야 개인정보보호 가이드라인 1. 개인정보보호 관계 법령 개인정보 보호법 시행령 신용정보의 이용 및 보호에 관한 법률 시행령 금융실명거래 및 비밀보장에 관한 법률 시행령 전자금융거래법 시행령 은행법 시행령 보험업법 시행령 자동차손해배상 보장법 시행령 자본시장과 Ⅰ 가이드라인 개요 >> 금융분야 개인정보보호 가이드라인 참고 금융분야 개인정보보호 가이드라인 1. 개인정보보호 관계 법령 개인정보 보호법 시행령 신용정보의 이용 및 보호에 관한 법률 시행령 금융실명거래 및 비밀보장에 관한 법률 시행령 전자금융거래법 시행령 은행법 시행령 보험업법 시행령 자동차손해배상 보장법 시행령 자본시장과 금융투자업에 관한 법률 시행령 금융지주회사법

More information

B64_3977_0000KOR_P01_55.indd

B64_3977_0000KOR_P01_55.indd DDX50 B64-977-00/00 (MW) DDX50 4 DDX50 5 6 DDX50 % % % % 7 CD () : Folder : Audio fi 8 DDX50 9 4 5 4 5 6 ALL 8 9 6:9 LB A B C D E C B E E 0 DDX50 C 7 4 5 6 8 4 5 6 7 8 9 9 A 0 A B C D E D B DDX50 D DVD

More information

Jwplayer 요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다. jwplayer홈페이지 : http://www.longtailvideo.com 위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다. 현재 5.1버전

Jwplayer 요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다. jwplayer홈페이지 : http://www.longtailvideo.com 위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다. 현재 5.1버전 Jwplayer Guide Jwplayer 요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다. jwplayer홈페이지 : http://www.longtailvideo.com 위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다. 현재 5.1버전까지 나왔으며 편리함을 위해서 아래를 링크를 걸어둡니다 [다운로드]

More information

예제 2) Test.java class A intvar= 10; void method() class B extends A intvar= 20; 1"); void method() 2"); void method1() public class Test 3"); args) A

예제 2) Test.java class A intvar= 10; void method() class B extends A intvar= 20; 1); void method() 2); void method1() public class Test 3); args) A 제 10 장상속 예제 1) ConstructorTest.java class Parent public Parent() super - default"); public Parent(int i) this("hello"); super(int) constructor" + i); public Parent(char c) this(); super(char) constructor

More information