목록전체 글 (208)
각진 세상에 둥근 춤을 추자
(이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet6: 사용자 입력을 통한 POST 요청 [JSP] Eclipse - Servlet6: 사용자 입력을 통한 POST 요청 (이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet5: 사용자 입력을 통한 GET 요청 [JSP] Eclipse - Servlet5: 사용자 입력을 통한 GET 요청 (이전 게시글) 2022.10.23 - [JSP] - [JSP] GET 요청과 쿼.. this-circle-jeong.tistory.com request.setCharacterEncoding("UTF-8"); 서블릿에 다음과 같은 설정 방식을 계속 추가하게 되면 아래 그림과 같은 상황이..
(이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet5: 사용자 입력을 통한 GET 요청 [JSP] Eclipse - Servlet5: 사용자 입력을 통한 GET 요청 (이전 게시글) 2022.10.23 - [JSP] - [JSP] GET 요청과 쿼리스트링 [JSP] Eclipse - Servlet4: GET 요청과 쿼리스트링 (이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet3: 출력 형식 이해 (한글 깨짐.. this-circle-jeong.tistory.com 이번에는 사용자 입력 방식으로 POST 방식을 사용한다. 1. 입력 폼 작성하기: reg.html 제목: 내용: 해당 form을 notice-reg 매핑 ..
(이전 게시글) 2022.10.23 - [JSP] - [JSP] GET 요청과 쿼리스트링 [JSP] Eclipse - Servlet4: GET 요청과 쿼리스트링 (이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet3: 출력 형식 이해 (한글 깨짐 해결) [JSP] Eclipse - Servlet3: 출력 형식 이해 (한글 깨짐 해결) (이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclip.. this-circle-jeong.tistory.com 입력 폼(form) 작성하기 요청 응답 1. 입력 폼 작성하기 : 매핑 주소로 해당 폼을 전달 "안녕하세요"를 몇 번 출력할까요? 2. 요청 실행 후, 원하는 cnt(반복값)을 입력한다. 3. 응답
(이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet3: 출력 형식 이해 (한글 깨짐 해결) [JSP] Eclipse - Servlet3: 출력 형식 이해 (한글 깨짐 해결) (이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet2: Annotation URL 매핑 [JSP] Eclipse - Servlet2: Annotation URL 매핑 [이전 게시글] 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet 1: 프로그램.. this-circle-jeong.tistory.com 사용자 입력 방식은 GET 방식과 POST 방식이 있다. 클라이언트가 hello라는 문서를 요청하면 서버는 요청에 ..
(이전 게시글) 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet2: Annotation URL 매핑 [JSP] Eclipse - Servlet2: Annotation URL 매핑 [이전 게시글] 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet 1: 프로그램 [JSP] Eclipse - Servlet 1: 프로그램 1. 프로젝트 폴더 만들기 앞으로 서블릿에 대해 공부할 프로젝트용 폴더를 생성한다. (1) 왼쪽 [.. this-circle-jeong.tistory.com [해결 solution] // 인코딩 방식 지정 response.setCharacterEncoding("UTF-8"); // 받는 Content Type 지정 (html 문서,..
[이전 게시글] 2022.10.23 - [JSP] - [JSP] Eclipse - Servlet 1: 프로그램 [JSP] Eclipse - Servlet 1: 프로그램 1. 프로젝트 폴더 만들기 앞으로 서블릿에 대해 공부할 프로젝트용 폴더를 생성한다. (1) 왼쪽 [Project Explorer] - [New] - [Dynamic Web Project] (2) Project name: JSPProject - [Next] (3) [Next] (4).. this-circle-jeong.tistory.com (Nana.java) package com.circle.web; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.S..
1. 프로젝트 폴더 만들기 앞으로 서블릿에 대해 공부할 프로젝트용 폴더를 생성한다. (1) 왼쪽 [Project Explorer] - [New] - [Dynamic Web Project] (2) Project name: JSPProject - [Next] (3) [Next] (4) [Generate web.xml deployment descriptor] 체크✓ - [Finish] JSPProject 프로젝트 폴더에서 홈 디렉터리는 [JSPProject] - [src] - [main] - [webapp]이다. 2. 서블릿 파일 만들기 (1) 서블릿 파일은 [Java Resources] - [src/main/java]에 생성한다. (2) [src/main/java] 마우스 우클릭 - [New] - [Serv..
2022.10.23 - [JSP] - [JSP] JAVA JSON user 관리 프로그램 - 리스트 [JSP] JAVA JSON user 관리 프로그램 - 리스트 Ajax를 이용해서 user 목록을 관리하는 프로그램을 구현해 본다. 데이터는 Sequel Pro에서 작성하여 불러온다. 1. Eclipse - user2 폴더 생성 - data 폴더, js폴더 생성 jsp파일과 js파일을 나누어 생성한다... this-circle-jeong.tistory.com 리스트에 이어 user 등록 화면과 user 등록을 구현해 본다. 1. register.js (데이터 요청) /** * */ function register(){ $(function(){ $('section').empty(); $('nav').empt..
Ajax를 이용해서 user 목록을 관리하는 프로그램을 구현해 본다. 데이터는 Sequel Pro에서 작성하여 불러온다. 1. Eclipse - user2 폴더 생성 - data 폴더, js폴더 생성 jsp파일과 js파일을 나누어 생성한다. 2. list.js (데이터 요청) /** * */ function list(){ $(function(){ $('section').empty(); $('nav').empty().append("user2 목록user2 등록"); $.get('./data/list.jsp', function(data){ let table = ""; table += ""; table += "아이디"; table += "이름"; table += "휴대폰"; table += "나이"; tabl..
1. JSON 문자열 처리 방식 다음과 같은 JSON 데이터를 생성한 다음, Ajax를 이용해 해당 데이터를 요청 및 출력해 본다. 1-1. JSON 데이터 생성 ( JSON 문자열 처리 방식): json1.jsp / escape 처리 String jsonData = "{\"uid\":\"a101\", \"name\":\"홍길동\", \"hp\":\"010-1234-1001\", \"age\":23}"; // JSON 출력 out.print(jsonData); %> 1-2. JSON 데이터 요청 폼 작성: 3_JSON.jsp AJAX 실습 데이터 요청 아이디 : 이름 : 휴대폰 : 나이 : 1-3. Ajax를 이용해 데이터 요청하기: 3_JSON.jsp 2. DB JSON 방식 다음과 같은 DB의 데이터..