모든 로직은 DOM이 준비된 다음 실행될 수 있도록 jQuery.ready() 내에 구현하도록 합니다. jquery가 중심이 되어 드래그 앤드 드롭 API를 추상화하는 jquery.drop.js, 그리고 Ajax 업로드를 담당하는 jquery.upload.js 등의 라이브러리를 이용합니다. //= require <jquery> //= recuire <jquery.ui> //= require <jquery.drop> //= require <…

요즘은 일회용 이메일이 넘쳐 납니다. 해외 사이트에서 일회용 이메일인지 검증하는 API를 제공하는데, 이것을 이용하면 쉽게 검증이 가능합니다.  다만, 모든 도메인을 검증할 수 없으므로 해외에서 유입되는 이메일 중 yopmail.com 과 같은 일회용 이메일 정도는 검증이 가능합니다. 해당 코드는 정상적인 이메일 형식인지 먼저 검증하고, 통과된 이메일 중 일회용 이메일인지 검증을 하게 됩니다.  <script src="https://code.jquery.com/…

AJAX 로 파일을 전송할 수 있는 예제입니다. FormData() 객체는 IE10 부터 사용할 수 있습니다. test.php 파일에는 아래 내용으로 작성되었다는 가정에서 설명합니다. <?php print_r($_POST); print_r($_FILES); ?> 요청 코드는 다음과 같습니다. <script> $(function(){  $("button").click(function(){    var isData = new…

$.getJSON() 은 GET 으로 데이터를 전송하고 JSON으로 받을 때 사용합니다. 형식은 다음과 같습니다. $.getJSON(url [, data] [, callback]); 사용할 수 있는 속성은 다음 표를 참고합니다. 속 성 설 명 url 전송될 URL. 필수 선택 data 서버에 요청을 보낼 때 파라미터 값. 선택사항 …

AJAX 에서 공통으로 사용할 수 있는 메소드는 다음 표와 같습니다. 메소드 설 명 $.parseJSON() 주어진 JSON 문자열을 자바스크립트 객체로 변환 버전 1.4.1 부터 $.parseXML() 주어진 문자열을 XML 로 파싱 버전 1,5 부터 $.parseHTML() 주어진 문자열을 DOM 노드의 배열로 파싱 …

요청한 결과 값을 매치되는 요소에 삽입할 수 있는 AJAX 메소드입니다. 형식은 다음과 같습니다. $(select).load(url [, data] [, callback]); POST 나 GET 방식에 동일하게 사용할 수 있으며, 다음 속성을 사용할 수 있습니다. data 객체는 POST 로 전송할 때만 사용하며, 선택한 요소에 반환 값을 삽입하는 게 특징입니다. 속 성 설 명 url 전송…

클라이언트와 서버 간의 요청과 응답에 사용되는 일반적인 방법은 GET 과 POST 입니다. POST 방식은 서버에 요청을 보낼 경우 데이터를 캐시하지 않는 반면 GET 방식은 캐시됩니다. 형식은 다음과 같습니다. // GET 전송시 $.get(url [, data] [, callback] [, dataType]); // POST 전송기 $.post(url, [, data] [, callback] [, dataType]); POST 나 GET 방식에 사용할 수 있는 속…

자바스크립트 AJAX 는 그 과정이 약간 까다로울 수 있는데, 이 역시 제이쿼리가 훨씬 수월하게 해줄 수 있습니다. 그리고 AJAX 는 요청이 다른 도메인이라면 데이터를 정상적으로 받아올 수 없습니다. 다음 형식으로 사용할 수 있습니다. // url 문자열로 데이터를 요청 $.ajax(url); // url 과 설정 객체 배열로 요청 $.ajax(url [, options]); // 설정 객체 배열로 요청 $.ajax({options}); 객체 배열에는 다음 표…