꾸준한 개발일기

GeoServer에서 발행한 레이어를 프로젝트로 생성한 지도에 올려주었다. 하지만 한번에 될리가 없지 레이어가 지도상에 보이지 않고 개발자 도구에서 오류가 발생한다. Access to XMLHttpRequest at 'http://localhost:8099/geoserver/cite/ows?service=WFS&version=1.0.0&request=DescribeFeatureType&typeName=cite:al_36_d166&outputFormat=application/json&apikey=&crtfckey=' from origin 'http://localhost:8083' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' heade..

목차: 1. GeoServer 설치하기 GeoServer에 데이터베이스를 연동해보려고 한다. GeoServer에 데이터베이스를 연동하는 가장 큰 이유는 데이터베이스에 공간정보를 포함하고 있는 테이블을 그대로 레이어로 발행 할 수 있다는 장점일 것이다. 요즘 MySQL이나 Oracle도 공간정보를 지원한다고는 하는데, 그래도 아직은 Postgres의 공간정보 관련 기능이 강력하여 많은 공간정보 개발자들은 Postgres를 쓰고 있다. 그럼 이제 연동을 시작해보겠다. Postgres 데이터베이스 연동 먼저 설치한 geoserver폴더\bin으로 이동하여 지오서버를 기동하고, 웹으로 접속하여 로그인해준다. 메뉴에서 저장소를 클릭한다. 저장소에서 새로운 저장소 생성하기를 클릭한다. 새로운 데이터 저장소에서 Po..

shp파일을 레이어로 생성하여 지도에 뿌려주기 위해서 지오서버가 필요하다. 일단 지오서버를 설치해보려고 한다. GeoServer를 설치하기 위해서는, JDK와 JRE가 설치되어있어야 한다. 나는 회사 개발환경에 맞춰 JAVA 8버전으로 설치하였다. GeoServer 설치 아래 링크로 접속한다. http://geoserver.org/download/ Download - GeoServer Maintenance GeoServer 2.20 releases GeoServer 2.20 archives, Java 8 and Java 11 compatible: geoserver.org GeoServer 2.21.1을 클릭한다. 버전은 뭐든 상관없다. Platform Independent Binary를 클릭하여 설치해준..

공간정보 데이터를 지도에 뿌리고 객체를 클릭했을 때 상세정보를 팝업으로 조회할 수 있는 기능을 구현하려 한다. 먼저 DB에 공간정보 데이터를 넣어야하는데 shp파일로 import하는 방법을 정리해보려 한다. 1. pgAdmin 실행 후 DB 추가 혹은 기존 DB 사용 2. DB 오른쪽 클릭 후 'Query Tool' 클릭 3. 아래 create문 Execute create extension postgis execute는 화살표(▶)이다. 4. PostGIS 실행 후 connection 정보 입력 local에서만 DB를 사용하기 때문에 localhost를 사용하였다. (서버 ip가 있다면 Server Host에 입력) 5. shp 파일 추가 shp파일만 추가해준다. 6. shp파일에 한국어가 포함되어 있을..

Vue.js와 Spring으로 CRUD를 완성하고 추가적인 세부기능을 구현해보자 하였다. 그 중 먼저 검색기능을 컴포넌트로 만들어 재사용성을 높이고 싶었다. 수 많은 블로그를 둘러보며 얻었던 팁들과 함께 작성해보았다. 검색이나 페이징 값을 받을 VO 생성 SearchVo.java package app.com.model.vo; public class SearchVO { private String srhKeyword; public String getSrhKeyword() { return srhKeyword; } public void setSrhKeyword(String srhKeyword) { this.srhKeyword = srhKeyword; } } 아직 검색어 변수만 선언되어 있지만, 앞으로 페이징 변..