★ 주소록 조회 AJAX, JSON 을 이용한 방법 ■ 필요 파일 - com.test.ajax > "Ex09.java" - view ? "ex09.jsp" - com.test.ajax > "Ex09Data.java" - com.test.ajax > "ZipCode.java" ■ 소스코드 Ex09.java ex09.jsp를 열기위한 Servlet 구현 파일 package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.htt..
★ ID 중복 검사 1. 기존 방식 2. AJAX를 이용한 방식 ★ 필요 파일 - com.test.ajax > "Ex08.java" - views > "ex08.jsp" - com.test.ajax > "Ex08Check.java" - views > "ex08check.jsp - com.test.ajax > "Ex08Data.java" ■ 소스코드 Ex08.java package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servl..
★ 실제 AJAX 구현 1. 순수 자바스크립트(원래 Ajax) 2. jQuery Ajax (가장 많이 사용) 3. ES6 > Promise, await ■ 서버 페이지(Servlet/JSP)를 만들 때 1. 브라우저로 요청할 페이지? 2. Ajax로 요청할 페이지? ■ 1. 순수 자바스크립트(원래 Ajax) 필요 파일 - 페이지 > 보임 - com.test.ajax > "Ex05.java" - com.test.ajax > "Ex05Data.java" - 데이터(처리) > 안보임 - views > "ex05.jsp" - views > "ex05data.jsp" - webapp > "ex05.txt" ■ 1. 소스 코드 Ex05.java package com.test.ajax; import java.io.I..
★ 데이터 전송 실시간으로 데이터를 갱신 하는 페이지 필요 파일들 > "Ex03.java" > "Ex03Data.java" //**중요 > "ex03.jsp" > "ex03data.jsp" iframe 현재 브라우저에서 새로운 브라우저를 띄우는 방법 ■ Ex03.java : 디자인 담당 package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.htt..
★ Memo ■ 필요 프로젝트 및 파일 Memo - Dynamic Web Project Context root : memo Generate web.xml 생성 파일 생성 lib > ojdbc.jar, mylibrary.jar, jstl-1.2.jar ■ lombok.jar 파일 다운 이클립스 종료 후 , lombok.jar파일 실행 실행 후, eclipse.exe 경로 선택 후, install lombok -> getter, setter, toString 등 오버라이딩으로 대신 처리해주는 jar파일 ■ SqlDeveloper 실행 데이터 베이스 생성 drop table tblMemo; create table tblCategory ( seq number primary key, --번호(PK) name va..
★ AJAX, Asynchronous JavaScript and XML 비동기 자바스크립트 & XML 비동기 자바스크립트 통신 자바스크립트 웹서버(톰캣) 순수 자바스크립트 버전 jQuery 버전 ES6 자바스크립트 버전 ★ 예제 1 - 데이터베이스 데이터 count 출력 ■ 파일 생성 프로젝트 생성 name : "AjaxTest" context : 패키지 생성 com.test.ajax WEB-INF/views lib -> jar파일 파일 생성 ex01.java AjaxDAO.java MemoDTO.java ex01.jsp ■ ex01.java package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; ..
★ 이미지 뷰어(갤러리) CR 유저 1명 사진(이미지) + 이름 + 날짜 + 설명 등 ... 파일 업로드 + DB 연동 ★ VO vs DTO 데이터를 저장하는 객체 자바 클래스 VO : Value Object DB에서 가져온 데이터를 보관하는 용도 읽기 전용 > 리터럴(상수) DTO : Data Transfer Object 계층간에 데이터를 전송할 때 사용되는 도구(택배 상자) 수정이 가능하다. 목록보기 : DB > DAO > (VO) > 컨트롤러 > (VO) > JSP 글쓰기 : JSP > 컨트롤러 > (DTO) > DAO > DB ■ 필요 파일 - com.test.file > "List.java" //시작 페이지 > "Add.java" > "AddOk.java" > "View.java" > "File..
★ FileTest Dynamic Web package 생성 ■ 파일 생성 1. 업로드 폴더 생성 - webapp > "files" 2. 패키지 - "com.test.file" 3. 뷰 폴더 - webapp > WEB-INF > "veiws" 4. 라이브러리 - webapp > WEB-INF > lib - ojdbc6.jar - mylibrary.jar - jstl-1.2.jar - cos.jar 다중 파일 업로드 - com.test.file > "MultiFile.java" > "MultiFileOk.java" > "Download.java" - webapp > WEB-ING > "multifile.jsp" > "multifileok.jsp" ■ MultiFile.java : 파일 업로드 하는 Serv..
