Frontend/jQuery & JSTL (50) 썸네일형 리스트형 [JavaScript] 기본 코드 console.log(data); => data값을 consle에서 확인할 때 사용 $("#요소명") : $("$요소명") : $("#요소명").html(변수); => 요소에 변수를 저장하겠다 홍길동 polygon.on("click", function (e) { // polygon에서 click 이라는 이벤트가 발생하면 ~~~ 해라 Application.getRealPath() : 실제 경로 확인 JS코드로 hide&show $(".class명").hide(); // class 숨기기 $(".class명").show(); // class 보여주기 $("#id명").hide(); // id 숨기기 $("#id명").show(); // id 보여주기 [JSP] Page Forward / Include 웹페이지 구현시 특정 div부분을 JSP파일로 변경하고 싶었다. 하지만 tiles를 수정하지 않고 진행하려고 하였다. 포워드 방식 3가지 1) pageContext.forward("이동할페이지"); 2) ; ... ... => redirect 방식은 request와 response가 유지되지 않으며, 이동된 URL이 표기되어 좋지 않다. 반면 Forward방식은 Request 스코프에 담긴 값들이 유지되며 이동된 URL이 표시되지 않는다. 3) RequestDispatcher rd = request.getRequestDispatcher("이동할페이지"); rd.forward(request,response); 하지만 forward은 페이지의 이동에 대한 방식이기 때문에 이동보다는 페이지에 불러오는 방식이 .. [JavaScript] Ajax 사용법 Ajax에서 데이터 처리 $.ajax({ method: "GET", contentType: "application/json", dataType: "json", url: "/test/sample_path/sample_sample.json", }).done(function (sampleValue) { }) $.ajax({ method: "GET", url: "/test/sample_url/sample", }).done(function (sampleValue) { }) $.ajax({ method: "GET", url: "/test/sample_url/sample", }).done(function (obj){ var sigungu2 = JSON.parse(obj); }) $.ajax({ method: "GET.. [JavaScript] substr(), substring(), slice() 비교 parameter start > end start 또는 end가 음수 string.substr(start, length) 시작 인덱스와 길이 string.substring(start, end) 시작 인덱스와 종료 인덱스 end, start로 바꿔서 실행 음수인 값을 0으로 취급 string.slice(strat, end) 시작 인덱스와 종료 인덱스 공백("") 리턴 사이클 돌아서 계산(아래 예제) -6 -5 -4 -3 -2 -1 0 1 2 3 4 5 안 녕 하 세 요 ? len str = "안녕하세요?" len substing_1 = str.substring(0,6); // result : 안녕하세요? len substing_2 = str.substring(0,5); // result : 안녕하세요 le.. [JavaScript] 숫자 표현 소수점 2자리 까지 표현 // JAVA double number = 3.141592; double result = (double) Math.round(number*100)/100.00; // result = 3.14 len number = 3.144592; // .toFixed(N); 소수점 N+1자리에서 반올림 len result1 = (Math.round(number*100)/100).toFiXed(2); // Math.round(number*100)/100 = 3.14 / result1 = 3.14 len result2 = (Math.round(number*1000)/1000).toFiXed(2); // Math.round(number*1000)/1000 = 3.145 / result2 = 3.15.. [JavaScript] 변수 선언 및 정의 변수 선언 재선언 업데이트 호이스팅 초기화 비고 var O O 최상위 / undefined로 초기화 불필요 전역 범위 or 함수 범위 let X O 최상위 / 초기화 안됨 불필요 블록 범위 const X X 최상위 / 초기화 안됨 선언 중 필요 블록 범위 변수 정의 function sample(){ const a = document.querySelector("#a"); const b = document.querySelector("#b"); const c = document.querySelector("#c"); /* // 이벤트 안 요소에 상수로 선언한 변수명을 사용할 수 없다 function clickEvent(x, y, a, b, c) { console.log(x); console.log(y); a.i.. SGIS연동 // script안에 작성 map.zoomIn(); map.zoomOut(); setZoom(val); function zoomIn(){ map.zoomIn(); // 줌 레벨 한단계 확대 } function zoomOut(){ map.zoomOut(); // 줌 레벨 한단계 축소 } function setZoom(val){ map.setZoom(val); // 원하는 단계로 줌 설정 } 홀수번째 더블클릭은 줌인, 짝수번째 더블클릭은 줌아웃 동작 Default는 더블클릭시 계속 줌인을 하는 것이 맞다고 한다. 따라서 2가지 방법이 생각났는데 1. 클릭과 더블클릭의 줌 이벤트를 각각 설정하는 방법 2. 더블클릭 기능을 막고 줌은 휠로만 가능하게 한뒤 팝업 관련 UX를 개선하는 방법 일단은 임의로 라이브러리.. 02/14 회고 context-database => DB연결 관련 설정 tomcat 추가시 Overviews에서 Port변경, Modules에서 Path변경(URL-prefix) c:url -> URL-prefix 중복처리 두가지 1. INSERT IGNORE INTO ~ => 중복삽입 방지 : 중복시 SKIP 2. INSERT INTO [TABLE] (COLUMN1, COLUMN2, ...) VALEUS (VALUE1, VALUE2, ...) ON DUPLICATE KEY UPDATE (COLUMN1 = VALUE1 , COLUMN2 = VALUE2, ...) => 중복삽입 수정 : 중복시 UPDATE Kollus 업로드 된 영상 가져오기 카테노이드 문서 : 링크 +) 컨트롤러 바 제거 메뉴의 Control Bar에서.. 이전 1 2 3 4 5 6 7 다음
