분류 전체보기126 [Spring Boot] 프로젝트 생성 및 DB 연동 지난번에 포스팅 했던 Spring Boot 설정 당시에 아래와 같은 WARN이 콘솔에 찍혔다. No MyBatis mapper was found in~ mybaits mappe가 패키지를 찾을 수 없다는 경고이다. 저렇게 찍힌 상태에서도 mybatis 연동도 잘됐고, 데이터를 가져오는 것에는 문제가 전혀 없었다. 그런데 추후에 문제가 발생할 수도 있기에 다시 차근차근 설정 방법을 변경해서 해보았다. 아래 포스팅에서 1번까지는 동일하게 설정하면 된다. 물론 Spring Boot Version은 각자 알아서...다르게! 2021.10.09 - [SKILLS/Spring Boot] - [Spring Boot]프로젝트 생성, DB 연동 이 포스팅에서는 지난 포스팅 1번에 이어서 pom.xml 설정방법부터 작성하.. 2021. 12. 10. [jQuery] 레이어 팝업 오늘 하루 그만보기 쿠키 설정 이 포스팅은 레이어 팝업 예제이므로, 상황에 맞게 변수명 등을 변경해서 사용해야 함! 요즘 웹사이트에서 자주 볼 수 있는 레이어 팝업. 일반 팝업(윈도우창)보다 깔끔하고, 일반 팝업인 경우 특정 브라우저에서의 차단기능으로 팝업창이 뜨지않는 경우가 있기 때문에 레이어 팝업을 자주 사용한다. html 부분 레이어 팝업 오늘 하루동안 보지 않기 닫기 css 부분 #pop { height: 600px; width: 400px; border: 1px solid black; box-shadow: 3px 3px 7px 1px grey; background-color: white; z-index: 9999; margin-left: 36%; margin-top: 6%; position: fixed; } Js 부분 var.. 2021. 11. 29. [SpringBoot] 정적 리소스(Static Resources, img, js, css 파일 등)에 대한 접근 설정 상황이 포스팅은 Spring 에서 정적 자원들은 어떻게 접근할 수 있을까? 라는 궁금증에서 시작되었다. 실행환경 및 버전JDK : open JDK 11Spring Boot : 2.7.9 ✔️기본 정적 리소스 위치 📌 Spring Boot는 별다른 설정 없이도 root를 기준으로 아래의 경로에서 정적 콘텐츠를 제공한다. classpath:/staticclasspath:/publicclasspath:/resources/classpath:/META-INF/resources ✔️새로운 정적 리소스 위치 추가하는 방법 기본 등록되어 있는 리소스는 유지한채 새롭게 리소스를 추가하려면 어떻게 해야할까? 📌WebMvcConfigurer를 구현하는 클래스에서 addResourceHandlers를 override하여 .. 2021. 11. 29. [jQuery] 홀수, 짝수 인덱스의 요소를 선택하는 선택자 (:even :odd) 기억할 점 : 인덱스는 0부터 시작! 짝수 인덱스의 요소를 선택하는 선택자 :even $("#img-form1 input[type='radio']:even").attr("id"); 홀수 인덱스의 요소를 선택하는 선택자 :odd $("#img-form1 input[type='radio']:odd").attr("id"); 2021. 11. 24. [jQuery] find() 로 하위 요소 찾기 (fisrt, last, gt(), not(), eq()) jQuery find()함수 이용하여 하위 요소를 찾는 방법. 그리고 다른 함수들과 곁들여 사용하는 방법을 알아보자. find() . find()와. children() 함수는 비슷하지만 다르다. . find() : 자식 및 하위 태그 모두 찾을 때 . chilidren() : 바로 아래 요소, 자식 요소만 찾을 때 사용 예시 1 //1. 첫번째 .btn-up을 찾아서 attribute 변경 $("#frm").find(".btn-up:first").attr("disabled", true); //2. 0번째보다 큰 .btn-up을 찾아서 attribute 변경 $("#frm").find(".btn-up:gt(0)").attr("disabled", false); //3. 마지막 .btn-down을 찾아서 a.. 2021. 11. 18. [JavaScript] 요소의 위아래 위치 바꾸기, 위치 변경하기 작업 내용 - up, down 버튼을 클릭하면 으로 잡혀있는 영역 전체 위치를 바꾸어야 함. - 가장 위와 아래는 disabled 처리되어야 함. 방법 - 클릭한 위치의 요소를 기준으로 삼아서 부모, 형제, 가까운 요소를 찾아야 함. jsp 코드 up down js 코드 $("button[name='btnUp']").off("click").on("click",function() { $popupImg.fnMoveUp(this); }); $("button[name='btnDown']").off("click").on("click",function() { $popupImg.fnMoveDown(this); }); /** * Up Down 버튼 클릭시 */ fnMoveUp : function(el) { var $n.. 2021. 11. 18. 이전 1 ··· 11 12 13 14 15 16 17 ··· 21 다음
