Study Blog

제이쿼리에서 Ajax를 사용하려면 $ 기호 다음에 ajax라고 적은 후 속성과 값을 설정해야 함 예시 $.ajax({ type: "post 또는 get", async: "true 또는 false", url: "요청할 URL", data: {서버로 전송할 데이터 }, dataType: "서버에서 전송받을 데이터 형식", success:{ // 정상 요청, 응답 시 처리 }, error: function(xhr,status,error) { // 오류 발생 시 처리 }, complete:function(data,textStatus) { // 작업 완료 후 처리 } }); 제이쿼리 Ajax 기능 관련 속성들 속성 설명 type 통신 타입을 설정(post 또는 get) url 요청할 url을 설정 async 비동..

온라인 쇼핑몰에서 회원 가입을 하려면 먼저 ID 중복 여부를 체크하는데, 이때 보통 회원가입 페이지는 브라우저에 표시된 채 ID 중복 여부를 확인하는 창만 서버에 질의하여 화면에 따로 보여준다. 이처럼 클라이언트 측에서의 작업과는 상관 없이 비동기적으로 서버와 작업을 수행할 때 Ajax 기능을 사용한다. Ajax Asynchronous Javascript(비동기 자바스크립트) + XML의 의미로 자바스크립트를 사용한 비동기 통신, 즉 클라이언트와 서버 간의 XML이나 JSON 데이터를 주고받는 기술 페이지 이동 없이 데이터 처리가 가능, 서버의 처리를 기다리지 않고 비동기 요청이 가능 기존 웹 페이지 동작 방식과 Ajax 웹 페이지 동작 방식 비교 개인 정보를 입력하고 서버에 요청하면 서버에서 결과를 처..

제이쿼리 화면의 동적 기능을 자바스크립트보다 좀 더 쉽고 편리하게 개발할 수 있게 해주는 자바스크립트 기반 라이브러리 여러가지 효과나 이벤트를 간단한 함수 호출만으로 빠르게 개발할 수 있음 CSS 선택자를 이용해 각 HTML 태그에 접근해서 작업하므로 명료하면서 읽기 쉬운 형태로 표현 메서드 체인 방식으로 수행하므로 여러 개의 동작(기능)이 한 줄로 나열되어 코드가 불필요하게 반복되는 것을 예방 풍부한 플러그인 제공으로 이미 개발된 많은 플러그인을 쉽고 빠르게 이용이 가능 크로스 브라우징을 제공하므로 브라우저 종류에 상관 없이 동일하게 기능을 수행 제이쿼리를 사용하는 방법 1. www.jquery.com 에서 라이브러리를 다운로드하는 방법 2. 네트워크 CDN 호스트를 설정해서 사용하는 방법 // 지정한..

HTML5의 특징 웹 브라우저는 웹 사이트를 만드는 프로그래밍 언어인 HTML, CSS, 자바스크립트로 이루어진 구문만 인식해서 화면에 표현한다. JPS는 웹 사이트 화면을 구현하는 HTML을 동적으로 구현하기 위한 기능이다. HTML 기능도 꾸준히 업그레이드 되어 지금은 HTML5 버전이 사용되고 있고, HTML4에서는 지원하지 않는 동영상이나 오디오 기능, 지리 위치 정보 등을 지원한다. 이는 플러그인을 설치하지 않아도 화려한 그래픽 효과 구현이 가능하고, 운영체제에 상관없이 스마트폰, 태블릿 같은 모바일 환경에서도 기능 구현이 가능하다. HTML5의 여러 가지 기능 기능 설명 Web Form 입력 형태를 보다 다양하게 제공 Video 동영상 재생을 위한 API를 제공 Audio 음성 재생을 위한 A..

1. first.jsp 파일 작성 2. result.jsp 파일 작성 매개변수 1 : 매개변수 2 : 파일 내려받기 : 파일 내려받기 3. FileDownload.java 클래스 파일 작성 // FileDownload.java package sec01.ex02; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.OutputStream; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servle..