본문 바로가기
반응형

개발 공부 Today I Learned108

[국비 95일차 TIL] 프로젝트 마무리 ppt 제작 프로젝트가 거의 마무리 되어 발표 ppt를 만들게되었다. 나는 ppt 제작을 담당했고... 하루 종일 ppt 다듬기~ 2024. 4. 13.
[국비 94일차 TIL] 차트를 사이드바에서 모달로 띄우기 sidebar.jsp 탄소지도 데이터 통계 통계 차트 닫기 //통계 항목 클릭 이벤트 핸들러 $("#statistic").on("click", function(event) { event.preventDefault(); // 기본 동작 방지 // 통계 모달 열기 $("#chartModal").modal("show"); }); chart.jsp 시/도 선택 전체 선택 ${row2.sd_nm} 통계 보기 리셋 $('#showStatus') .click(function() { console.log('버튼 클릭됨'); jQuery('#chartModal').modal('show'); // 모달 열기 $(document).ready(function() { $('#reset').click(function() { $(.. 2024. 4. 13.
[국비 93일차 TIL] vue 2024. 4. 6.
[국비 92일차 TIL] gis 프로젝트 진행중. 지금까지의 결과물 1. 탄소지도 메뉴 시도, 시군구, 범례를 선택할 수 있는 셀렉트박스가 있음. 3개를 모두 선택해야지만 버튼이 작동함. 시도를 선택했을 때의 지도 화면 다른 시도를 선택하면 기존의 시도 레이어가 지워지고 선택한 시도의 레이어만 보인다. 시도 + 시군구까지 선택한 화면. 시군구도 시도와 마찬가지로, 선택한 시군구의 레이어만 보임. 범례까지 선택했을 때의 화면 범례는 2가지가 있음. 등간격과 네추럴 브레이크가 있어서 2가지를 선택하면 선택한 시군구를 기준으로 동으로 나뉘어져서 보여짐. 현재 지도에 출력된 내용은 전기 사용량임. 색상에 따른 범례는 이미지로 넣어서 출력했음. 시도와 범례만 선택하고 시군구를 선택하지 않았을 때의 alert 모두 선택해야지만 검색이 되도록 함. 2. 데이터 업로드 postgreS.. 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.
[국비 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.
[국비 86일차 TIL] vue 기초 수업 vue 연습 1 {{ message }} 넘버 실행 2024. 3. 27.
반응형