'java web' 123건

1. sec01.ex01 패키지를 만들고 AjaxTest1.java, AjaxTest2.java를 생성합니다. 그리고 test03 폴더에 ajax1.html, ajax2.html을 추가합니다. 2. AjaxTest1.java를 다음과 같이 작성합니다. 클라이언트에서 Ajax로 메시지를 보내면 이를 처리하는 서블릿입니다. 브라우저에서 매개변수 이름인 param으로 데이터를 보내면 getParameter()를 이용해 데이터를 가져옵니다. 그리고 서블릿에서는 PrintWriter의 print( ) 메서드의 인자로 응답 메시지를 브라우저에 보냅니다.package sec01.ex01;import java.io.IOException;import java.io.PrintWriter;import java.rmi.Se..

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

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

1. 다음과 같이 test02 폴더에 제이쿼리 실습 html을 생성합니다. 그리고 이미지 파일인 duke.png, duke2.png, image1.jpg, image2.jpg를 image 폴더를 만들어 저장합니다. 2. jQuery1.html을 다음과 같이 작성합니다. 페이지 로드 시 $("#unique2")는 # 다음에 오는 id가 unique2인 태그는 웹 페이지에서 검색합니다. id에 해당하는 태그(객체)를 얻은 후 제이쿼리의 html() 메서드를 호출해 태그의 값을 얻습니다. 안녕하세요. 제이쿼리입니다!! 제이쿼리는 아주 쉽습니다!!! 3. http://localhost:8080/pro16/test03/jQuery.html로 요청하여 실행 결과를 확인합니다. 웹 페이지가 브라우..

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

먼저 태그를 이용해 제목을 표시하는 방법을 실습해보겠습니다. 1. 새 프로젝트 pro16을 만들고, test01 폴더를 만든 다음 section1.html, section2.html, section3.html, section4.html을 추가합니다. 2. 다음과 같이 session1.html을 작성합니다. 기사 제목1 첫 번째 기사 내용입니다. 기사 제목1 첫 번째 기사 내용입니다. 3. http://localhost:8080/pro16/session1.html로 요청하여 결과를 확인합니다. 4. session2.html을 다음과 같이 작성합니다. 그 안에 태그를 사용해 본문을 표시합니다. 기사 제목1 첫 번째 기사의 내용 기..

웹 브라우저는 웹 사이트를 만드는 프로그레밍 언어인 HTML, CSS와 자바스크립트으로 이루어진 코드만 인식하여 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 구현하기 위해 도입된 기능입니다. HTML 기능도 꾸준히 업그레이드되어 지금 HTML5 버전(HTML의 최신 버전)이 사용되고 있습니다.HTML5는 기존 HTML4에서는 지원하지 않는 동영상이나 오디오 기능 그리고 지리 위치 정보 등을 지원합니다. 플러그인을 따로 설치하지 않아도 화려한 그래픽 효과를 구현할 수 있으면, 운영체제에 상관없이 스마트폰, 테블릿 같은 모바일 환경에서도 기능을 구현할 수 있습니다.HTML5에..

1. 다음과 같이 sec01.ex02 패키지를 만들고 FileDownload 서블릿을 생성합니다. 이어서 test02 폴더를 만들고 실습 파일 first.jsp와 result.jsp를 추가합니다. 2. 첫 번째 JSP에서 다운로드할 이미지 파일 이름을 두 번째 JSP로 전달하도록 first.jsp를 작성합니다. 3. 두 번째 JSP인 result.jsp를 다음과 같이 작성합니다. 이미지 파일 표시창에서 태그의 src 속성에 다운로드를 요청할 서블릿 이름 download.do와 파일 이름을 GET 방식으로 전달합니다. 다운로드한 이미지 파일을 바로 태그에 표시하고, 태그를 클릭해 서블릿에 다운로드를 요청하면 파일 전체를 로컬 PC에 다운로드합니다. ..

1. sec01.ex01 패키지를 만들고 FileUpload 클래스를 생성합니다. 또 test01 폴더를 생성하고 실습 파일 uploadForm.jsp를 추가합니다. 2. 파일을 업로드할 때 사용할 저장소를 다음과 같이 C 드라이브 아래에 만듭니다. 여기서는 폴더 이름을 file_repo로 하였습니다. 3. uploadForm.jsp를 다음과 같이 작성합니다. 파일 업로드 창에서 파일을 업로드할 때 태그의 encType 속성은 반드시 multipart/form-data로 지정해야 합니다. 파일1: 파일2: 매개변수1: 매개변수2: 매개변수3: 4. 파일 업로드를 처리하는 서블릿인 FileUpload 클래스를 다음과 같..

파일 업로드 라이브러리에서 제공하는 클래스에는 DiskFileItemFactory, ServletFileUpload가 있습니다. 각 클래스에서 제공하는 기능을 아래 표에 정리하였습니다. DiskFileItemFactory 클래스가 제공하는 메서드메서드기능 setRepository() 파일을 저장할 디렉터리를 설정합니다. setSizeThreadhold()최대 업로드 가능한 파일 크기를 설정합니다. ServletFileUpload 클래스가 제공하는 메서드 메서드 기능 parseRequest()전송된 매개변수를 List 객체로 얻습니다.getItemIterator()전송된 매개변수를 Iterator 타입으로 얻습니다.

파일 업로드 라이브러리 설치 파일 업로드 기능을 사용하려면 오픈 소스 라이브러리를 설치해야 합니다. 파일 업로드 라이브러리를 설치하고 과정은 다음과 같습니다. 1. jakarta.apache.org로 접속한 후 왼쪽 메뉴에서 Commons를 클릭합니다. 2. 페이지 왼쪽 중간쯤에 위치한 FileUpload를 클릭합니다. 3. Releases에 있는 download site을 클릭합니다.4. commons-fileupload-1.6.0-bin.zip을 클릭해 다운로드합니다. 5. zip 파일의 압축을 풉니다. 6. 압축을 푼 폴더의 하위 폴더인 commons-fileupload-1.3.3-bin에 위치한 commons-fileupload-1.6.0.jar 파일을 복사합니다. 7. 프로젝트 pro15의 WE..

1. sec02.ex01 패키지를 만들고 13장에서 사용한 MemberBean 클래스와 MemberDAO 클래스를 복사해 붙여 넣습니다. 그리고 test06 폴더를 member_action.jsp, memberForm.jsp, memberList.jsp를 생성합니다. 2. memberForm.jsp를 다음과 같이 작성합니다. 회원 가입창에서 회원 정보를 입력한 후 action의 member_action.jsp로 전송합니다. 4. memberList.jsp를 다음과 같이 작성합니다. 자바 코드를 이용하지 않고 표현 언어와 JSTL만 사용하여 회원 정보를 표시합니다. 아이디 비밀번호 이름 이메일 가입일 등록된 회..