본문 바로가기

분류 전체보기68

[Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 4. 이벤트 적용하기 이벤트를 거는 것도 다각형에 이벤트 등록하기2를 참조하면 된다. 하지만 여전히 Multipolygon이 걸림돌이다. 만약 신안군에 mouserover 이벤트를 적용 한다면, 신안군의 polygon 중 하나에 마우스를 올리면 신안군에 해당되는 모든 Polygon이 반응해야한다. 일단 해본 방법에는 두가지 방법이 있다. 1. svg path에 class 지정하기 처음에는 addListener로 적용하려면 이벤트 발생시 계속 Loop를 돌려야한다는 점이 불필요해보였기 때문에 class를 입히는 방법을 생각했다. polygon 객체는 이렇게 생겼다. Vc 아래에 map에 보이게 되는 path가 존재한다. 여기에 $(polygon.Vc[0]).addClass("polygon-grp-00") 같은 방법으로 clas.. 2015. 9. 24.
[Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 3. Polygon 생성하기 geojson에 있는 내용물을 본격적으로 다음 지도에 올려봅시다. 다음 지도 API의 Polygon 생성 관련 예제는 다각형에 이벤트 등록하기2를 참고했다. geojson을 까보면 대충 이렇게 생겼다.{ "type":"FeatureCollection", "code":"0", // 임의 삽입 "name":"전국", // 임의 삽입 "crs":{ "type":"name", "properties":{ "name":"urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features":[ { "type":"Feature", "properties":{ "code":"11", // key값 변경 "name":"서울특별시" // key값 변경 }, "geometry":{ "type":"Polygon",.. 2015. 9. 24.
[Javascript] chrome inspect 이용하기 chrome inspect 기능이 뭐시냐........ 하면 아래 그림을 보면 되겠다. 안드로이드의 USB 디버깅 모드를 이용하여 모바일 브라우저 환경에서 개발자 모드 이용이 가능하다. chrome://inspect로 일단 들어가면 이렇게 나온다. 폰이랑 연결이 안된거다... 일단 USB 디버깅 모드를 켠다. 안드로이드 버전, 제조사마다 방법이 다르다. 아래는 갤럭시S6 롤리팝 기준 디버깅 모드 활성화 방법 1. 설정- 디바이스 정보 - 커널버전을 여러번 터치한다.2. 터치하다보면 개발자 옵션이 활성됐다는 문구가 뜬다.3. USB 디버깅 모드를 활성화한다.4. 삼성통합USB드라이버를 꼭 설치한다. 여기까지만 해도 되는 경우가 있는 것 같은데 나는 안됐다.... ADB가 필요하대서 안드로이드 SDK를 다운.. 2015. 9. 24.
[Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 2. geojson 만들기 어찌저찌 shp파일을 구했으면 QGIS를 이용해 geojson을 만들어보자 설치는 어려울 것 없으니 사이트 가서 받아 설치하면 된다. QGIS Desktop 설치해서 레이어 - 레이어 추가 - 벡터 레이어 추가 선택 shp 파일을 선택한다. 열 때 .shp말고도 다른 것도 같이 있어야 한다. 이유는 나도 잘 모른다!!!!!!! .prj파일 같은 경우에는 좌표계 반영과 관련 되어있는 것 같던데 어쨌거나 잘 모른다. UTF-8을 하지 않으면 지역명이 깨질 수도 있으니 조심.. 화면에 벡터 이미지가 뜨면 레이어 목록에서 현재 불러온 레이어를 오른쪽 클릭한 뒤 필터를 선택한다. 필터를 적용한다. 서울특별시의 법정동 코드는 11이다. SIG_CD가 11로 시작하는 벡터만 남겨보자. 그러고 나면 딱 서울의 행정구역.. 2015. 9. 23.
[Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 1. 데이터 가져오는 방법 고찰.. 네이버 부동산에서 제공하는 요런 모양의 지역선택 관련한 기능을 만들어야할 일이 생겼었다. 네이버는 이거를 플래시로 만들었던데... 무엇보다도 지역 이미지를 가져오는게 문제였다. 네이버나 다음이나 자체적으로 행정경계에 대한 정보를 가지고 있는 것 같지만.... API로 제공을 하지 않는다 ...ㅠ.ㅠ jsfiddle 가기 어쩔까...하고서 찾아본건 Highchart, 그러니까 Highmap인데 지도 위에 그려진 차트다. 나라별로 지원하고 있고 미국이나 캐나다 같은 경우엔 지역별 데이터도 제공한다. 아 당연히 한국은 지역별로 없다.. 여기서 한가지 힌트를 얻었던건 geojson이라는 지도 데이터를 받아 그릴 수 있다는 것이었다. 9월 10일자로 통계청 통계정보지리 시스템이 리뉴얼 되어서 적당히 설명할 그림이.. 2015. 9. 23.
[java] Servlet & JSP 정리 1. Servlet - 자바플랫폼에서 웹 어플리케이션(클라이언트 요청을 처리하고 그 결과를 다시 클라이언트에게 전송하는)을 개발하기 위해 만든 표준 API, 웹 프로그래밍 기술- 자바코드를 HTML로 변환해주는 기술- 웹 어플리케이션의 확장이 용이하고 플랫폼에 독립적인 개발 가능- 컨텐츠와 비즈니스 로직을 분리- WAS 를 통해 컴파일 된 후 메모리에 적재되어 클라이언트의 HTTP Get, Post 등의요청을 처리하는 자바 프로그램 - 초기화된 서블릿이 클라이언트의 요청이 있을 때 마다 Thread를 생성해서 병렬적으로 service를 수행한다는 것. 서블릿 객체는 여러개 생성되지 않음 2. Servlet 장점 - 스레드를 기반으로 효율적인 웹 어플리케이션 운영이 가능- 자바 기반이므로 모든 자바 API.. 2015. 8. 16.