본문 바로가기
728x90
반응형

고양이는 사랑입니다♥417

jQuery/Ajax로 jsp 리스트 뿌리기 / .Clone(복사) * Jsp에 데이터를 뿌릴 Templeate을 미리 만들고 jQuery로 데이터 뿌리기 1) Jsp => 화면단에 데이터 리스트를 뿌릴 화면단(template)을 미리 만든다. 구분 관측소명 시군구코드 시군구명 설치주소 경도 위도 공간정보 2) jQuery - var template = $("#copyGgTemplate TR").clone(); => id가 copyGgTemplate의 TR을 Clone(복사) 하여 template에 담는다 - template.find("#category").text(data.Dto.category); => template에서 id 값을 find함수를 사용하여 찾아 보여주고자 하는 데이터를 넣는다. - $("#dataTable").append(template); => te.. 2019. 9. 1.
UNION 연산자 UNION - 두개 이상의 테이블 또는 쿼리를 합치는 역할 - UNION ALL은 중복을 포함한 모든 값을 나타내는 것 ex) SELECT 'min' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_mi A UNION SELECT 'dy' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_dy UNION SELECT 'hr' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_hr; 실행화면 2019. 9. 1.
jQuery/Ajax (3) : 데이터 목록 뿌리기 AND 페이징 처리 2019. 9. 1.
메모 1일차 * Spring STS 1) View 폴더 : jsp파일을 저장하는 디렉토리로 사용 2) Servlet - context.xml : application-context.xml과 동일한 역할을 한다. (Spring bean 설정 파일) 3) Resource : CSS와 Javascript 파일 모아두는 디렉토리로 사용 * Mapper 및 소스코드 들여쓰기 내어쓰기 신경쓰기. * 유효성 검사 원하는 페이지로 넘어갈때 에러가 날씨 사용자가 보기에는 무슨 에러가 왜 났는지 모르기 때문에 해당 페이지로 넘어가지 않게끔 만들어야 한다! 아래와 같은 패턴을 만들어야 한다!! if(category == "" || category == null){ } - 띄어쓰기, 공백, NULL 까지 모두 체크해야 한다. 어느 회사이.. 2019. 9. 1.
Javascript FOR문 Javascript FOR문의 다양성 1) 일반적인 FOR문 1 2 3 for(var i=0; i 2019. 9. 1.
jQuery/Ajax (2) : trigger, handler - 이벤트가 발생할 때 실행될 함수나 bind()함수로 연결 된 어떤 이벤트 핸들러를 강제로 실행시킨다. ex) jQuery("#id").trigger("submit"); : submit 이벤트 강제 실행 - 어떤 요소에 대해 이벤트를 실행하게끔 설정하는 것. ex) $(elem).on("click", function(e) { ... }); - bind() -> 요소(element)에 이벤트 처리기(handler)를 연결한다. : 아마 현재는 사용 X 1 2 3 4 5 6 7 jQuery("#dropdown").change(function(){ var selData = jQuery('#dropdown-item option: selected').val(); selMapList(selData); }); jQ.. 2019. 8. 16.
jQuery/Ajax(1) : 기초, Tip Tip) ajax => 해당 Jsp파일에서 스트립트로 ajax js 파일을 불러와 사용하면 js 파일에서 모든 경로를 쓰지 않아도 된다. 1 2 3 4 5 6 7 8 9 10 11 var _contextPath = ; var ajax = new ajax ({ contextPath : _contextPath, callCount : 5 }); http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter * Ajax Controller로 데이터 넘기는 법 (Json 방식) 1 2 3 4 5 6 7 8 9 10 jQuery.ajax({ type : "POST", d.. 2019. 8. 16.
GitLab (GitLab)new project => (GitLab)project Name 작성 => GitLab에서 Clone하여 URL 복사 => 프로젝트 오른쪽 클릭 => Team => share project => use or create repository in folder of project 체크 => Repository 생성할 프로젝트 선택 create Repository 클릭 => Finish 활성화 됨. 프로젝트 오른쪽 클릭 => Team => Commit => Git Staging에서 ++(플러스 두개달린) 아이콘을 클릭하면 GitLab에 올릴 소스파일들이 아래로 내려옴 => Commit Massage 작성 => Commit and Push를 누름 => GitLab에 소스 올려진 것 확인. * Co.. 2019. 8. 16.
OpenLayers (지도 띄우기) * OpenLayers - 웹 지도 서비스를 위한 라이브러리 - 지도를 표현하고 조작 가능. * OSM - 오픈 스트리트 맵 - 오픈 소스방식의 참여형 무료 지도 서비스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 var map = new ol.Map({ target : 'map', layers : [new ol.layer.Tile ({ source : new ol.source.OSM() })]; view : new ol.View ({ projection : 'EPSG:4326', center : [경도, 위도], ==> ex) [127.1698, 37.7617], zoom : 15 }) }); http://colorscripter.com/info#e".. 2019. 8. 14.
(08.14) CSS 스타일 속성 [CSS 스타일 속성] * Cellspacing : 테이블 내부 선 굵기 * Cellpadding : 테이블 내용과 선 사이의 여백 * Rowspan : 테이블 에서 여러행 합치기 * Colspan : 여러 열 합치기 * Margin : 여백 설정 * Padding : 영역 안에서의 여백 설정 * float : 띄우다 ==> 문서나 사진, 영역, 글을 왼쪽, 오른쪽으로 정렬하는 것을 의미 - float : left, float : right / none : 기본값(아무것도 설정하지 않은 상태와 동일) * Position : 원하는 위치 지정 가능 - absolute 같은 경우 영역 위에 새로 띄우는 것이기 때문에 원래 위치와 상관없지 지정가능 * line-height : 줄 간격 지정하는 속성 * jus.. 2019. 8. 14.
728x90
반응형

티스토리툴바