아래와 같이 id가 inputDate 인 input type date 태그에 min, max 속성값을 준다. 시작날짜는 현재 날짜의 다음날이고 종료날짜는 오늘날짜의 28일 날짜로 설정하겠다. HTML JavaScript // 시작날짜(min 속성) let sDate = new Date(); // 종료날짜(max 속성) let eDate = new Date(); sDate.setDate(sDate.getDate() + 1); // 시작날짜의 날짜를 +1일 한다. eDate.setDate(eDate.getDate() + 28); // 종료날짜의 날짜를 +28일 한다. let minStr = sDate.toISOString().split('T')[0]; let maxStr = eDate.toISOString(..

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

jquery 의 form 태그 데이터 전달방법에는 2가지 방법이 있다.$("#form 태그 id").serialize() 와 $("#form 태그 id").serializeArray() 가 있다.$("#form 태그 id").serialize()$("#form 태그 id").serialize();// 결과a=123&b=456&c=789$("#form 태그 id").serializeArray()$("#form 태그 id").serializeArrary();// 결과[{name: 'a', value: '123'}, {name: 'b', value: '456'}, {name: 'c', value: '789'}]위처럼 일반 parameter 또는 배열처럼 데이터가 전달되기 때문에 Java 의 Model 로 받을..

JQuery 를 이용하여 Radio Button Check 설정 HTML(Radio Button) TEST1 TEST2 Radio Button 선택 $("input:radio[name='Radio Name 이름'][value='Radio Button Check할 Value 값']").prop("checked", true); //예시 $("input:radio[name='test_radio'][value='value1']").prop("checked", true); Radio Button Check 값 가져오기 $("input:radio[name='Radio Name 이름']:checked").val(); //예시 $("input:radio[name='test_radio']:checked").val(); ..

jquery 에서 보이는 jquery.fn 과 $.fn 이 있다. 쉽게 말하면 위 두개는 같은 의미를 말하며 jquery 의 프로토타입을 말한다. 자바스크립트는 프로토타입 기반 언어라고 불린다. 객체지향언어 즉, Java에서 사용하는 Class라는 개념과 비슷하지만 자바스크립트에서는 Class라는게 없습니다. 그래서 사용하는게 프로토타입입니다. 클래스가 없으니 상속기능도 없지만 프로토타입을 사용하여 상속이라는걸 흉내내도록 구현해 사용한다. 쉽게 말해 매번 객체를 생성하지 않고 1개의 객체를 생성해 공유할 수 있는 공간에 넣어놓고 사용하기 위해 프로토타입을 사용한다. 어떠한 특정한 기능을 하는 함수도 넣어놔 공유공간에서 호출해 사용할 수 있다. 정확한 내용은 아래 글 확인해주세요 https://okimar..

참고 : https://datatables.net/extensions/datetime/examples/integration/datatables.html DataTables 에 일반 검색이 아닌 날짜 range 로 검색해야할때 사용하는 방법이다. 또한 input type="date" 에 날짜 라이브러리인 datepicker 를 사용했다. $(document).ready(function(){}) 위 쪽에 아래와 같이 작성한다. $.fn.dataTable.ext.search.push() https://datatables.net/manual/plug-ins/search#Plug-in-structure 위 DataTables Document 를 확인해보면 DataTables 에서 제공해주는 검색을 위한 API라고..