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

Javascript 에서 함수를 생성하고 해당 함수를 괄호 없이 호출할때가 있다. 함수를 호출할 때 괄호가 있을때와 없을때의 차이점을 알아보자 아래와 같은 예시가 있다. a 라는 함수에 console.log 를 찍는 함수인데 괄호 없이 a 함수를 호출했을 때는 함수 그 자체를 보여준다. 하지만 a(); 처럼 괄호를 붙일 경우 함수 내부에 선언된 console.log 가 정상적으로 찍힌다. 이유는 함수에 () 괄호가 붙을 경우 자바스크립트 함수를 즉시 호출한다. 하지만 함수에 () 괄호가 없을 경우 함수의 주소를 뜻한다. 추가로 아래 예시도 확인하자. setInterval() 을 통해 1초마다 함수를 호출하는 구문이다. 1초마다 a라는 함수를 괄호없이 잘 호출하는걸 볼 수 있다. setInterval() ..