반응형 전체 글201 [국비 92일차 TIL] gis 프로젝트 진행중. 지금까지의 결과물 1. 탄소지도 메뉴 시도, 시군구, 범례를 선택할 수 있는 셀렉트박스가 있음. 3개를 모두 선택해야지만 버튼이 작동함. 시도를 선택했을 때의 지도 화면 다른 시도를 선택하면 기존의 시도 레이어가 지워지고 선택한 시도의 레이어만 보인다. 시도 + 시군구까지 선택한 화면. 시군구도 시도와 마찬가지로, 선택한 시군구의 레이어만 보임. 범례까지 선택했을 때의 화면 범례는 2가지가 있음. 등간격과 네추럴 브레이크가 있어서 2가지를 선택하면 선택한 시군구를 기준으로 동으로 나뉘어져서 보여짐. 현재 지도에 출력된 내용은 전기 사용량임. 색상에 따른 범례는 이미지로 넣어서 출력했음. 시도와 범례만 선택하고 시군구를 선택하지 않았을 때의 alert 모두 선택해야지만 검색이 되도록 함. 2. 데이터 업로드 postgreS.. 2024. 4. 4. [GeoServer] 시도, 시군구, 범례 레이어 겹치지 않게 2024. 4. 4. [국비 91일차 TIL] vue 글쓰기 페이지 만들기 Vue WritePage.vue 글쓰기 페이지 App.vue WritePage를 사용할 수 있도록 App.vue에서 설정해줌. WritePage.vue 글쓰기 페이지 글쓰기 글쓰기 페이지 글쓰기 2024. 4. 3. [국비 90일차 TIL] vue, Axios 설치 Rest : Representational State Transfer. 자원을 이름으로 구분하여 자원의 상태를 통신으로 주고받는 것. axios는 node.js에서 Promise기반 HTTP 클라이언트 Promise는 자바스크립트 비동기 처리에 사용되는 객체 Promise 상태 Pending : 비동기 처리 로직이 아직 완료 안 됨 Fulfilled : 비동기 처리 완료. 값 반환 Rejected : 비동기 처리 실패나 오류 상태 Vue 프로젝트 만들기 vue create vue-board [엔터] Default ([Vue 3] babel, eslint) [선택] Axios 설치 폴더 이동 cd vue-board [엔터] npm install –save axios 실행하기 npm run serve -- .. 2024. 4. 2. [postgreSQL] DB에 txt 파일 업로드하기 postgreSQL의 psql(shell)에 접속해서 명령어를 쳐야한다. \copy "테이블명" from 'C:\위치\텍스트파일명.txt' WITH DELIMITER '|' CSV HEADER; 2024. 4. 1. [GeoServer] spring과 DB연동해서 차트 그리기 postgreSQL(db) 연동해서 차트 그리기 ServletController.java @GetMapping("/chart.do") public String showChart(Model model) { List chartData = servletService.getChartData(); model.addAttribute("chartData", chartData); System.out.println(chartData); return "main/main"; } ServletService.java List getChartData(); ServletServiceImpl.java @Override public List getChartData() { return dao.selectList("servlet.getC.. 2024. 4. 1. [국비 89일차 TIL] Vue 뷰 mp3 오디오 플레이, 게시판 추가 mp3 오디오 플레이 App.vue siren 카운트 : {{ count }} 클릭해보세요 up down reset div 추가하기 App.vue DivCopy.vue 추가된 Div vue router 생성 1. 폴더 생성 vue create vue-router [엔터] Default ([Vue 3] babel, eslint) [선택] 2. router 설치 폴더 이동 cd vue-router [엔터] npm install --save vue-router 3. 실행하기 npm run serve [엔터] 폴더 생성 MenuPage.vue index 메인 게시판 로그인 가입하기 App.vue index.js import { createRouter, createWebHistory } from 'vue-rout.. 2024. 4. 1. [국비 88일차 TIL] vue 기초 for문 vue for문 반복하기 2024-03-29 금요일 : 실무프로젝트 {{ index }} 2024. 3. 29. [국비 87일차 TIL] geoserver 프로젝트 업로드 스낵바 구현 2024.03.29 - [프로젝트] - [GeoServer] openlayers 프로젝트 : 업로드 스낵바 만들기 2024. 3. 29. [GeoServer] 데이터베이스에 txt파일 업로드하기 DB연동 파일 업로드 폼 생성하기 txt 파일만 업로드 가능하도록 하기 txt 파일을 업로드하면 DB에 데이터가 저장되어야 함. ServletController.java package servlet.controller; import java.io.BufferedReader; import java.io.File; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.annotation.Resource; import org.springframework.stereo.. 2024. 3. 27. 이전 1 ··· 3 4 5 6 7 8 9 ··· 21 다음 반응형
