웹 화면을 구현하면서 날짜뿐만이 아니라 시간까지 필요할때가 있다. 이때 jquery의 datetimepicker 라이브러리를 사용한다. 환경구성은 Spring Boot + Thymeleaf 템플릿 엔진 + jquery 사용 1. 다운로드 위치 https://xdsoft.net/jqplugins/datetimepicker/ DateTimePicker DateTimePicker jQuery plugin select date and time Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. Source code on G..

동적으로 javascript 에서 Select Box option 값을 추가 및 삭제해보자 아래와 같이 Select Box 가 존재한다.     선택     전체     제목     내용     작성자     제목+내용     제목+내용+작성자 $("#server_seq option[value='전체']").remove();특정값을 삭제하는 문장이다. select box 의 option 중 value 값이 전체인 option 값을 삭제한다. $("#server_seq").append("특정값");특정값을 추가하는 문장이다. option 의 value 값은 "특정값" 이며 보여지는 값은 "특정값"이다. $("#server_seq").children('option:not(:first)').remove();첫..

개발환경 : Spring 4.4 버전, JDK 1.8 문제 좀 오래된 버전의 프로젝트를 실행 했을때 나오는 에러였다. STS 버전은 현재날짜 최신버전인 sts-4.18.1.RELEASE 였다. 에러 내용은 아래와 같다. 이 문제는 STS ini 파일을 보면 vmargs 에 들어갈 내용에 --add-opens 가 포함되어 있다. STS 버전은 높지만 Java 8 버전에서 사용할 수 없는 옵션이 있었다. Java 8 에서는 --add-opens 옵션을 지원하지 않는다고 한다. 해결방법 프로젝트의 vm args 값을 수정 해줘야한다. 프로젝트 마우스 오른쪽 버튼 > Run As > Run Configurations... > 톰캣 또는 Spring Boot App 에서 프로젝트 선택 > Arguments > V..

History.pushState 란 페이지를 리로드하지 않고 페이지 주소만 변경할 때 사용한다. 쉽게 말해 페이지 이동 없이 주소만 바꿔준다. 브라우저에서 페이지를 이동하면 window.onpopstate 라는 이벤트가 발생하게 되는데 pushState 를 했을때는 popstate 이벤트가 발생하지 않고, 뒤 / 앞으로 가기를 클릭 했을 때 popstate 이벤트가 발생하게 된다. 구문 history.pushState(state, title[, url]); state 브라우저 이동 시 넘겨줄 데이터(popstate 에서 받아서 원하는 처리 가능) title 변경할 브라우저 타이틀 url 변경할 브라우저 주소 실제로 사용해보면 아래와 같다. 아래와 같이 함수를 호출하는 버튼이 있습니다. testPPP Fu..

환경구성 : Spring Boot, Thymeleaf, Spring Security Spring Boot, Spring Security 구성이며 아이디, 패스워드를 RSA 암호화를 통해 서버로 전송하려고 RSA 공개키 요청중에 /auth/login/main 으로 Redirect가 되는 에러를 만났다. 요청은 아래와 같습니다. Spring Security Config AuthController left.html 위와 같이 Spring Security Config 에 따로 csrf() 설정을 하지 않았으므로 enabled(활성화) 되어 있고 post 요청을 하게 되면 302 Redirect가 발생합니다. 원인 Spring Security 의 CSRF 설정 때문입니다. 기본적으로 Spring Security ..

Java Controller에서 ModelMap을 사용하여 넘긴 데이터를 Thymeleaf html 및 Javascript에서 사용하기 - Java 위 이미지와 같이 Thymeleaf의 prefix, suffix에 의해 return String으로 설정하고 view name을 일치 시키면 해당 view로 데이터가 넘어간다. 데이터를 설정하기 위해 ModelMap을 파라미터로 지정한다. ModelMap 의 메소드 중 addAttribute를 사용하여 데이터를 지정할 수 있다. @RequestMapping(value = "/main") public String main(ModelMap map, HttpServletRequest request) throws IOException { HashMap m = new..

1. Spring Boot Project 생성 2. Spring Boot Thymeleaf dependency 추가 2-1. pom.xml 에 dependency 추가 org.springframework.boot spring-boot-starter-thymeleaf 2-2. Maven Updatepom.xml에 thymeleaf dependency 를 추가했으므로 의존성 및 필요한 라이브러리를 추가하기 위해 Maven update 실행Project 오른쪽 마우스 클릭 > Maven > Update Project Update Project 클릭 시 아래와 같은 화면해당 프로젝트 클릭 후(자동클릭) OK 버튼 클릭 3. View 설정을 위한 application.yml 설정 추가기본적으로 src/..

Spring Boot 에서 Context path 를 설정하지 않으면 기본적으로 '' 빈값으로 설정되어http://localhost:8080/ 로 접근할 수 있다.Controller 를 통해 RequestMapping 을 "/test" 로 설정하게 되면 http://localhost:8080/test 로 접근할 수 있다. Spring Boot 에서는 application.properties 또는 application.yml 을 통해 context path 를 설정하도록 권장하고 있다. 1. application.yml 을 통해 Context Path 설정하기본인은 .yml 을 통해 설정한다. (application.properties 와는 비슷하기 때문에 참고 바랍니다.) 설정하는 방법 server.se..