분류 전체보기 (69) 썸네일형 리스트형 jQuery UI datepicker 사용법 - 삽질중인 개발자 - jQuery UI datepicker 사용법 및 옵션 정리 - jQuery Ui 중에서 datepicker는 간단한 option을 통한 캘린더 구현이 가능한 사용하기 편한 라이브러리다. 한글 캘린더 또한 구현이 가능하다. (좀 더 스타일리쉬한 캘린더를 원하면 bootstrap datepicker 를 클릭) 다운로드 사이트 ( jQuery UI 공식 페이지 ) 이미 기존에 사용되고 있는 사이트에서 jQuery UI 의 모든 기능을 다운 받아서 사용하면 다른 css나 js와 충돌이 날 가능성이 있다. 따라서 원하는 부분만 설정해서 다운받도록 한다. Download Builder | jQuery UI Download Builder jqueryui.com 1. JQuery UI datepicker 디폴트 옵.. twbspagination ajax & totalPages 변경 방법 - 삽질중인 개발자 twbspaigination ajax & totalPages 변경 방법 twbspagination 을 이용하여 동적으로 총 페이지 수를 변경하면서 페이지네이션을 하려고 하면 onpageclick이 1회 호출되어 무한 호출이 되는 현상을 볼 수 있을 것이다. 이러한 현상때문에 totalPage 를 변경을 할 수 없어 동적으로 페이지 수를 변경할 수 없다. 이 현상을 해결하기 위해서는 약간의 로직이 필요하다. ajax 활용 방법 twbs 플러그인은 ajax를 사용하여 동적으로 페이지네이션 버튼 만들기 위해서는 $("#pagination-div").twbsPagination("changeTotalPages", 총 페이지, 변경되고 난 후 선택될 페이지 번호); 다음 함수를 사용해서 구현하기에는 클릭이벤트가 발.. Summernote 사용법 , 썸머노트 사용법 - 삽질중인 개발자 - 썸머노트사용법 정리 - 홈페이지에서 글을 쓰는 부분에 일반 텍스트 형태의 글 쓰기만 지원한다면 사용자가 사용하기 불편하다. 이러한 점 때문에 대부분의 홈페이지에서는 웹에디터를 지원한다. 수많은 웹 에디터 중 summernote 에디터는 오픈소스이면서 HTML5 기반의 깔끔한 UI와 가장 많이 쓰이는 기능이 구현되어 있다. summernote에서는 bootstrap4에 기반을 둔 버젼과 독립적으로 사용가능한 라이트 버전이 있다. ( 라이트 버전이 있어서 CSS가 겹치지 않고 사용이 가능한 점이 썸머노트의 강점이다.) 이 포스트는 라이트 버젼을 기반으로 작성할 것입니다. (bootstrap4 버젼은 다른 CSS와 충돌 가능성이 너무 많아서) Summernote 공식 홈페이지 Summernote - Sup.. twbspagination 예제 및 옵션 - 삽질중인 개발자 twbs paigination 옵션 및 사용법 정리 twbspagination 플러그인은 간단한 옵션 설정을 통해 페이지네이션을 해주는 플러그인이다. 이 twbs를 사용하는 이유는 다른 페이지네이션 플러그인에 비하여 사용법이 간단하고 깔끔하다. twbs-pagination은 jQuery와 bootstrap에 최적화 되어 있는 플러그인이다. twbs-pagination의 깃허브 주소 josecebe/twbs-pagination jQuery pagination plugin (bootstrap powered). Contribute to josecebe/twbs-pagination development by creating an account on GitHub. github.com twbs-pagination .. Mapped Statements collection does not contain value for~ 에러 - 삽질중인 개발자 Mapped Statements collection does not contain value for ~ 에러 발생시 확인해야 하는 부분 [다음 에러가 나왔을 시 체크해봐야 하는 부분] 1. mapper id가 다를경우 - 대부분 이경우 - mapper파일에 가 중복되는지 체크 3. mapper location 세팅 확인 - 경로가 잘 잡혔는지. (프로젝트 처음 세팅을 했는데 안되는 경우 이 부분 확인) - classpath*:static/mappers/**/*Mapper.xml 이부분 (*가 없는 경우 *를 추가) 대부분의 경우 위에 있는 부분을 확인하면 에러를 잡을 수 있었음. Spring boot oracle db 연동 , spring boot oracle jdbc 설정 - 삽질중인 개발자 Spring boot에서 오라클 DB 연동하기 + Mybatis 설정하기 스프링 부트에서 oracle과 mybatis를 설정하는 방법입니다. spring boot oracle datasource를 설정하기 전에 필요한 jar 파일을 다운로드 합니다. 1. pom.xml에 추가 org.mybatis mybatis 3.4.0 org.mybatis mybatis-spring 1.3.0 com.oracle.jdbc ojdbc8 12.2.0.1 메이븐 다운로드가 완료된후 m2 폴더에 가보면 C:\Users\유저명\.m2\repository\com\oracle\jdbc\ojdbc8\12.2.0.1 에 가면 ojdbc jar는 다운로드가 안되어 있음. ojdbc는 다운로드가 안되니까 사설 레파지토리를 사용해서 다운하.. 스프링 부트 JSP 연동, Spring boot MVC 설정 방법 - 삽질중인 개발자 - 스프링 부트 MVC 설정 방법 - spring boot는 spring 과 다르게 mvc 설정이 기본적으로 되어 있지 않다. spring-boot-starter-web 에 tomcat 은 JSP 파싱이 불가능함. 따라서 jsp를 읽을 수 있게 pom.xml 에 다음을 추가한다. 이런 스프링 부트에서 mvc 설정을 하는 방법은 다음과 같다. 1. pom.xml 에 추가 org.apache.tomcat.embed tomcat-embed-jasper provided javax.servlet jstl 2. application.properties 에 추가 #properties 파일인 경우 spring.mvc.view.prefix=/WEB-INF/views/ spring.mvc.view.suffix=.jsp 3.. Spring boot tomcat 설정, 스프링 부트 톰캣 포트 설정 - 삽질중인 개발자 - Spring boot 내장 tomcat 설정 - 스프링 부트 톰캣 포트 설정 및 컨텍스트 패스 설정 스프링 부트 내장 톰캣 설정 변경 하기 가장 많이 변경하는 톰캣 포트와 컨텍스트 패스 변경 방법이다. #properties 버젼 server.port=8090 server.servlet.context-path=/ #YAML/YML 버젼 server: port:8090 servlet: context-path:/ Spring boot 관련 다른 글 스프링 부트 mvc 설정 , jsp 연동 방법 이전 1 ··· 4 5 6 7 8 9 다음
