Study Blog

온라인 쇼핑몰에서 회원 가입을 하려면 먼저 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..

1. 파일 업로드 라이브러리 설치 jakarta.apache.org로 접속 후 왼쪽 메뉴의 Commons 클릭 2. 스크롤을 내려 FileUpload 클릭 3. FileUpload 1.3.3의 here 링크를 클릭 4. 저장소 사이트가 나오게 되는데, binaries/ 를 클릭하여 들어간다. 5. 스크롤을 내린 뒤 commons-fileupload-1.3.3-bin.zip 클릭해서 파일을 다운로드한다. 6. 다운로드 한 폴더의 commons-fileupload-1.3.3.jar 파일을 프로젝트 라이브러리 경로에 추가한다. 7. 이번에는 http://commons.apache.org/proper/commons-io/download_io.cgi 로 접속해서 archives 클릭 8. 스크롤을 내려 commo..