나의 공부기록

🎃사용환경🎃 IDE : Intellij IDEA 2021.3.3 Database : PostgreSQL Language : Spring Boot & React 1️⃣ Spring 프로젝트 생성 2️⃣ Spring Controller 만들기 package com.bhchoi.reactspring.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; import java.util.Arrays; import java.util.List; @RestController public class HelloWorldController {..

경기도 약국 현황 API 약국 현황 | 데이터셋 상세 Open API | 경기데이터드림경기도 내 약국 현황입니다. 약사가 의약품을 조제 또는 판매를 주목적으로 하는 업체(소)의 정보를 제공합니다. ※경기도 31개 시군의 인ㆍ허가 데이터입니다.data.gg.go.kr 전체 Code@GetMapping("/apiTest") public void apiTest() throws IOException, ParserConfigurationException, SAXException { String ServiceKey = "b3983c9e6d30497585f21dd3fad84058"; //발급받은 key String type="xml"; // 리턴 데이터 타입 String a..

String과 StringBuffer, StringBuilder 차이점String불변성(immutable)을 가짐String str = "Hi!";str += "My Name is etoile!";문자열 추가 및 수정 삭제 등 연산이 빈번하게 발생할 때 String 클래스를 사용하면 힙 메모리(Heap)에 많은 임시 가비지(Garbage)생성되어 많은 메모리를 차지하게 된다.멀티쓰레드(multi-thread) 환경에서 안전(thread-safe)하다.* 노란색 : stack, 파란색 : Heap  StringBuffer, StringBuilder가변성(mutable)을 가짐동일 객체 내에서 문자열 변경이 가능하므로 힙 메모리(Heap)에 많은 메모리를 차지 않아 애플리케이션의 성능에 치명적인 영향을 미치..

위치 기반 100m 안의 약국 정보 확인 프로그램시스템 구성도MVC(Model, View, Controller) 모델을 사용할 예정이며, PostgreSQL에 저장되어 있는 Geometry 타입을 공간연산을 하여 GeoJson 형태로 Web browser에서 이미지 렌더링을 할 예정이미지 렌더링은 D3.js 또는 Leaflet.js를 사용할 예정사용 언어 및 라이브러리PostgreSQL, Spring, JPA, D3.js, Ajax, PostGIS 등...프로젝트 설명GPS를 사용하여 위치 기준 100m 이내의 약국 정보 제공약국 운영시간 및 위치, 거리 기준 정보 제공추후 약국뿐만 아니라 다양한 편의시설로 업그레이드 시킬 예정느낀점공간정보를 사용하여 웹사이트를 구현하는 예제가 많이 없어서 논문을 뒤져가..

1. GIS 데이터처리GIS 데이터를 DBMS에 저장하기 위해 데이터를 변환현재 PostgreSQL을 사용하여 개발 중PostgreSQL 사용이유QGIS와 연동하여 사용이 가능geometry형을 저장 가능하고, 공간쿼리 및 공간연산이 가능공간인덱스 및 표준 공간 함수를 지원다양한 형태의 데이터 아웃풋을 지원지도에 저장된 데이터의 위치정보가 표현됨DataBase와 연동하여 공간쿼리 진행GeoJSON형태로 데이터 전달  2. 이미지 처리전달받은 데이터를 렌더링HTML5 canvas 사용 이유표준 행렬 이미지 렌더링 방식을 지원좌표변환이 쉬움PNG 스트림 형태를 제공하기 때문에 웹으로 바로 전송 가능한 형태가 됨좌표값 → 이미지 객체를 렌더링 해주는 모듈 → 렌더링된 데이터를 웹으로 바로 전송 3. 정리CSV..

1. amchart - dount chart 그래프 띄우기(퍼센트 띄우기) am5.ready(function () { //select option의 선택된 값을 가져와 test 변수에 집어넣음 var test = $("#selectOption option:selected").val(); console.log("test : " + test); //thymeleaf로 값을 전달받아 data1List 변수에 넣음 data1List = [[${pJsonArr}]]; var root = am5.Root.new("ChartDiv1"); root.setThemes([ am5themes_Animated.new(root) ]); var chart = root.container.children.push(am5percent..

// 전역변수 선언 var chart; var xAxis, series; // 첫 그래프 그림 am5.ready(function () { var dataList = [[${cJsonArr}]]; console.log(dataList); var root = am5.Root.new("ChartDiv"); root.setThemes([ am5themes_Animated.new(root) ]); chart = root.container.children.push(am5xy.XYChart.new(root, { panX: true, panY: true, wheelX: "panX", wheelY: "zoomX", pinchZoomX: true })); var cursor = chart.set("cursor", am5x..