전체 글24 [Spring, Mybatis] 마이바티스 쿼리 확인하기 (로그찍기) 마이바티스 사용 시 최종 쿼리문 확인 하는 방법 1. pom.xml 추가 org.lazyluke log4jdbc-remix 0.2.7 2. root-context.xml 수정 3. log4j.xml 수정 따로 수정 하는 내용 없음 필요한 logger 선택해서 추가해주면 됨. 2022. 1. 19. [Spring] Google Chart - Column Chart (Feat. Ajax) 구글차트 중 컬럼 차트를 사용해서 검색기능을 만들어봤다. 검색조건을 놓고 검색하면 차트가 새로 그려지는 기능! 아래 이미지 처럼 그려진다 보안상 이미지를 잘랐는데 x축은 사용자 이름, y축은 개수이다. https://developers.google.com/chart/interactive/docs/quick_start 구글 차트 가이드를 참고하고 내 코드를 보면 이해가 좀 더 쉬울 것 같다. 1. 우선 구글 차트 사용을 위해 스크립트를 선언한다. 2. 차트를 그려줄 div를 만든다. 3. 스크립트 작성 var userName = new Array(); var count = new Array(); var arrCount = null; function topList(){ var day = $("#day").t.. 2021. 12. 22. [Spring] EXCEL Export 엑셀 다운로드 하는 기능을 만들어보려한다. 1. pom.xml 태그 사이에 엑셀 관련 라이브러리 등록해주기 org.apache.poi poi 3.10.1 org.apache.poi poi-ooxml 3.10.1 2. servlet-context.xml 페이지에 BeanNameViewResolver와 Bean 등록 3번의 ExcelView 클래스 파일을 먼저 만들고, 경로를 적어줘도 됨. 나는 ExcelView 클래스 파일을 excelView라는 name으로 등록해줬는데, 나중에 컨트롤러에서 이 이름으로 호출함 (5번에서 controller return 부분 참고) // ExcelView 클래스를 만들 경로 적어주기 3. 2번에서 Bean으로 등록해준 것과 같은 경로로 ExcelView 클래스 파일 만들기.. 2021. 12. 3. [Spring] org.apache.maven.plugins:maven-resources-plugin:jar:2.6 오류 Could not calculate build plan: Plugin org.apache.maven.plugins:maven-resources-plugin:2.6 or one of its dependencies could not be resolved: Failed to read artifact descriptor for org.apache.maven.plugins:maven-resources-plugin:jar:2.6 Plugin org.apache.maven.plugins:maven-resources-plugin:2.6 or one of its dependencies could not be resolved: Failed to read artifact descriptor for org.apache.mav.. 2021. 9. 28. [HTML] DevTools failed to load SourceMap 경고 메세지 삭제 콘솔창에 아래와 같은 경고문이 뜬다. DevTools failed to load SourceMap: Could not load content for ***://***.com/blurify.es.min.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME blurify.es.min.js에 나타나있는 js파일을 열어 아래처럼 sourceMappingURL 단어로 검색해서 아래같은 형식의 구문을 삭제해준다. //# sourceMappingURL=blurify.es.min.js.map (다른 min.js 파일 일 수도 있다. 나는 모든 min.js 파일을 열어 sourceMappingURL 을 검색해서 같은 형식의 구문을 전부 삭제해줬다.) 2021. 8. 10. [Mybatis] 동적 컬럼명 (동적 쿼리) Mybatis를 사용하여 개발 중 컬럼명을 지정하지 않고 동적으로 사용하고 싶은 경우 평소 쓰던대로 #{colum} 이렇게 사용하게 되면 'colum' 이런식으로 작은 따옴표가 붙는다. (작은 따옴표가 붙으면 컬럼명으로 인식을 못한다.) 작은 따옴표가 안붙도록 # 대신 $를 사용해주면 된다. SELECT * FROM MEMBER WHERE ${columName} = #{param} 2021. 8. 6. [CSS] 특정 요소 css 제외 (:not) 부트스트랩을 이용하고, summernote 에디터를 사용하는데, css의 checkbox 라는 클래스 때문에 에디터 툴바 기능 중 링크의 체크박스가 먹통이었다. 해당 클래스를 제외 시키려고 js로 클래스 제거를 시도해 봤지만 에디터 로딩 시점과 클래스 제거 되는 시점이 안맞아 제거가 안되는것 같았다. 이 후 사용하게 된게 :not 선택자 사용방법은 아주 간단하다. 선택할 요소:not(제외할 특정요소){ ....... } 아래는 내가 적용한 코드, 두 개의 :not 선택자를 사용할 때에는 연달아서 적어주면 된다. .checkbox label:not(.sn-checkbox-open-in-new-window):not(.sn-checkbox-use-protocol ) { display: inline-block;.. 2021. 8. 4. [JQuery] checkBox 체크여부 확인(전체체크), 체크된 값만 가져오기 체크박스 관련 기능들 전체체크용 체크박스는 allChk 라는 아이디 값을 부여하고 각 행의 체크박스는 chk라는 클래스를 부여한다. // 전체 체크박스 // 각 행 체크박스 * 전체체크박스 체크 여부에 따른 하위 체크박스들 상태 변경 $("#allChk").change(function(){ if($("#allChk").is(":checked")){ $(".chk").prop("checked", true); }else{ $(".chk").prop("checked", false); } }); * 하위 체크박스들 체크 여부에 따른 전체 체크박스 상태 변경 하위 체크박스가 체크된 갯수와, 하위 체크박스의 전체갯수를 비교해서 같으면 전체체크 true, 다르면 전체체크 false $(".chk").change(fu.. 2021. 4. 12. [JQuery] 테이블 정렬 (Table sort) jquery로만 쓸 수 있는 테이블 정렬 하는 코드 테이블 아이디만 변경해서 사용하면 된다. $(document).ready(function(){ $('#테이블아이디 th').each(function (column) { $(this).click(function() { if($(this).is('.asc')) { $(this).removeClass('asc'); $(this).addClass('desc'); sortdir=-1; } else { $(this).addClass('asc'); $(this).removeClass('desc'); sortdir=1; } $(this).siblings().removeClass('asc'); $(this).siblings().removeClass('desc'); va.. 2021. 4. 12. 이전 1 2 3 다음 반응형