본문 바로가기
[MyBatis] 동적 쿼리 사용법 동적쿼리는 특정 조건에 따라 변경되는 쿼리를 일컫는다. 1. 기본 동적 쿼리 SELECT * FROM KH.EMPLOYEE WHERE ${searchType} = #{keyword} map 형식으로 검색 타입과 키워드를 받아와서 처리했다. WHERE 절에서 검색 타입은 ${ } 로 전달하며 키워드는 #{ } 로 전달한다. ${ } 는 파라미터 값이 그대로 들어가며 #{ } 는 파라미터 값이 ' ' 으로 감싸진다. 달라지는 검색 조건에 대응할 수 있다. 2. if문을 이용한 동적 쿼리 SELECT * FROM EMPLOYEE WHERE 1=1 AND NAME LIKE '%' || #{keyword} || '%' AND GENDER = #{gender} if문을 이용한 동적 쿼리 이다. if문을 이용하는 방.. 2023. 10. 16.
[JavaScript] 동적으로 생성된 태그 이벤트 태그가 동적으로 생성되면 이벤트가 동작되지 않는다. 예를 들면 append, html 등에 추가한 태그이다. 이벤트가 동작 하지 않는 이유는 페이지가 로드 될때 이미 $(".child").click 이벤트가 렌더링 되어있기 때문이다. (참고 [JavaScript] 웹페이지 HTML 렌더링) 페이지가 로드 될 때 는 있는데 html의 태그 .child가 없기때문이다(append 하기 전을 말한다) 위와같이 동적 태그로 생성될 경우에는 $(document).on을 사용하면 된다. on - 이벤트를 실행할 때 그 실행하는 순간, 바로 그자리에서 찾아 연결해주는 method $(document).on("click", ".child", function(){ // on 이벤트로 변경 alert($(this).att.. 2023. 10. 16.
[jQuery] checkBox 전체선택 코드를 짤때는 inline(onclick 등) 보다는 class를 선언하여 javascript로 빼서 코딩하는것이 재활용하기에도 좋다 이 름 : 이름 휴대전화 수신자 목록 이름 휴대전화 $('.chkAll').click(function() { if($(this).is(':checked')){ var checkboxes = $(this).closest('.selectname').find('.chkbox'); checkboxes.prop('checked', true); } else { var checkboxes = $(this).closest('.selectname').find('.chkbox'); checkboxes.prop('checked', false); } }); $(this).parent는 선택한 .. 2023. 10. 16.
[SpringSecurity] CSRF(AJAX에서 POST가 안될때) ajax에서 GET은 잘작동은 하지만 POST방식은 안되면서 404 에러가 발생한다. 이 경우는 SpringSecurity에서 csrf를 설정 했을때에 그렇다. 그렇다면 POST 방식을 사용하기 위해서는 SpringSecurity에서 발행한 csrf token을 ajax 요청 header에 담아 보내면 된다. 해당 태그 내부에 넣어도 되고 input태그를 이용하여 넣어줘도 된다. $(".workreport").click(function() { let token = $("input[name='_csrf']").val(); let header = "X-CSRF-TOKEN"; $.ajax({ url: '/management/insertwork_ajax', method: 'POST', data: { commen.. 2023. 9. 27.
[ajax] status 200 parseerror ajax 내부 코드에서 dataType: json으로 설정해놓았지만 controller에서 넘어오는 값은 void이기 때문에 계속 에러가 생긴다. (table insert였기 때문에) 해결방안 dataType: json을 삭제해주면 된다. 2023. 9. 19.