전체 글 192

[JavaScript] input Box 자동 submit 막는 방법 3가지

input Box가 하나이고, 값을 입력 후 enter키를 누르면 submit이 돼버리는 현상이 생겼다. 이 문제를 해결하기 위한 방법 3가지를 적어보려고 한다. 1. input Box를 하나더 생성한다. style로 숨기기. 원래의 소스에 style display:none인 input을 추가해준다. * type은 text * display:none - 아예 사라지게 하는 것. 보이지도 않고 해당 공간도 존재하지 X visibility:hidden - 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재 2. keycode값을 판단해서 처리해준다. (추천) preventDefault : 브라우저 고유의 동작을 중단 stopPropagation : 부모 엘리먼트에게 이..

js 2021.11.04

[jQuery] 동적 추가된 append에 click event 처리

append 한 button에 클릭이벤트를 주니 이런 오류 메시가 출력. (index):1 Uncaught ReferenceError: 함수명 is not defined at HTMLButtonElement.onclick ((index):1) 원인 : 동적으로 추가된 태그는 이벤트가 동작되지 않음. = 로드되었을 때 존재하지 않는 태그에 대해서는 이벤트를 걸 수 없는 것 $(document).on('click / change 등등의 이벤트', '이벤트 적용할 타깃 태그', 동작 함수(){}); 또는 $('.부모 이름').on('click', '.걸고 싶은 대상', function() { 넣을 소스; }); 출처 : https://stackoverflow.com/questions/15420558/jquer..

js 2021.10.26

[AJAX] 다중 fileupload / formData 이용하여 JSON 파라미터 넘기기 & 파일업로드 구현

[jQuery] 파일 업로드 input type = 'file' 다중으로 생성하기 html 추가 js var maxAppend = 1; $('.__add ._add').on('click',function(){ if(maxAppend >= 3){ alert("파일 업로드 최대 개수는 3개 입니다."); return; }else{ $('.__add').append(' 삭제 '); maxAppend ++;.. truecode-95.tistory.com html js file은 JSON에 포함될 수 없다. 그래서 FormData 안에 file과 JSON (= data)를 append 시킨다. //FormData 새로운 객체 생성 var formData = new FormData(); // 넘길 데이터를 담아준다..

js 2021.10.22

[EgovFramework] Spring Interceptor session AJAX 처리

egov-com-interceptor.xml LoginSessionInterceptor.java preHandle() - 세션 및 로그인 체크 request -> preHandle -> controller -> postHandle -> afterCompletion -> view 세션만료 시 로그인페이지로 이동한다. @return true(요청한 controller 호출), false(로그인페이지로 이동) 세션 유효하다면 문제 없이 Controller로 통과시켜도 되기 때문에 return true를 해주고 유효하지 않다면 login 페이지로 redirect 시킨다. public class LoginSessionInterceptor extends HandlerInterceptorAdapter { @Overr..

Spring 2021.10.18

[EgovFramework] context-syslogaop.xml aop Error

egovframework:시스템로그조회 [eGovFrame] 시스템로그조회는 시스템 사용시 발생하는 각종 로그를 검색, 조회하는 기능을 제공한다. 시스템로그조회는 시스템로그의 등록, 조회, 목록, 삭제, 요약의 기능을 수반한다. ① 시스템로그등록 www.egovframe.go.kr egov 공통 컴포넌트인 시스템 로그 조회를 적용하다 아래와 같은 에러 메시지가 출력되었다. org.springframework.beans.factory.BeanNotOfRequiredTypeException: Bean named 'service명' is expected to be of type 'egovframework.pcr.main.web.service.service명' but was actually of type 'co..

Spring 2021.10.12

[PostgreSQL]Error updating database. Cause: org.postgresql.util.PSQLException: 오류: 릴레이션(relation) 접근 권한 없음

원인 : 해당 user에 접근 권한이 없어서. org.springframework.jdbc.BadSqlGrammarException: ### Error updating database. Cause: org.postgresql.util.PSQLException: 오류: 테이블명 릴레이션(relation) 접근 권한 없음 ### The error may involve egovframework.com.sym.log.service.impl.EgovLogManageMapper.logInsertSysLog-Inline ### The error occurred while setting parameters USER 조회 select * from PG_SHADOW; 권한 종류 SELECT 테이블이나 뷰에 데이터를 조회 ..

DB 2021.10.08

[JavaScript] .js 파일에서 contextPath 구하여 사용하기 (sessionStorage)

제일 간편하고 좋은 방법은 HTML이나 JSP에서 EL이나 , jstl을 사용하여 pageContext 개체에서 request 객체의 contextPath를 가져오면 된다. EL ${pageContext.request.contextPath} JSP JSTL 오늘은 js파일에서 contextPath 사용하는 방법을 적어보려고 한다. sessionStorage tiles 영역 header.jsp에 추가 => sessionStorage에 contextPath를 저장 contextPath를 사용할 js 파일을 열어 sessionStorage.getItem("contextpath")로 꺼내온다. var ctx = getContextPath(); function getContextPath() { return ses..

js 2021.09.23