동적으로 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..

웹 화면을 구현하면서 날짜뿐만이 아니라 시간까지 필요할때가 있다. 이때 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..

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

1. MariaDB 설치를 위한 CentOS 6 repository 확인 - CentOS 6 명령어 실행 : rpm -qa | grep mariadb // rpm 명령어를 통해 MariaDB가 설치되어 있는지 확인 : yum list | grep mariadb //yum list를 통해 MariaDB 리스트 존재 여부 확인 있다면 : yum install -y MariaDB-Server MariaDB-client MariaDB-devel //MariaDB 설치 ​ 없다면 MariaDB repository 추가 : cd /etc/yum.repos.d : vi MariaDB.repo 내용 추가 # MariaDB 10.1 CentOS repository list - created 2020-05-25 02:01..

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..

ContentType 은 HTTP 요청 시 자원을 명시하기 위해 사용한다. HTTP 의 간단한 구조는 아래와 같다. Request Line HTTP Header Empty Line Message Body Post Method 를 이용해 ajax 요청 시 Message Body 부분에 데이터가 들어가고 해당 자원에 대해 명시하기 위해 HTTP Header 의 Content-Type 을 사용하는데 Content-Type에는 Body에 들어간 자원이 어떤 자원인지 표시해준다. Content-Type 종류 TEXT text/css, text/javascript, text/html, text/plain FILE multipart/form-data Application application/json, applica..

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..