[문제]

게시판 만들다가 댓글을 입력하고 새로고침을 하면 댓글이 한 개 더 재 등록이 되는 것이다!

form태그에 submit이 계속 되는 것이다. 

 

구글링 한 결과 

https://hulbo.tistory.com/13

 

javascript 새로고침 방지

JavaScript 새로고침 방지 웹 개발을 하다보면 저장후 또는 삭제등 목록이나 여러 부분에서 액션 수행후 새로고침(F5)으로 인해 고생하는 경우가 있다. 액션이나 DB로 해결할 수도 있지만 간단하게

hulbo.tistory.com

 

1번방법을 사용했더니 됐다!!

<script type="text/javascript">
    //새로 고침 시 재 등록 방지
    function notReload(){
      if((event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) || (event.keyCode == 116) ){
        event.keyCode = 0;
        event.cancelBubble = true;
        event.returnValue = false;
        var frm = document.addForm;
        frm.action = "액션값";
        frm.submit();
      }
    }
    document.onkeydown = notReload;
</script>

 

'study > 웹 프로그래밍' 카테고리의 다른 글

[boostcource] 웹 백엔드 1  (0) 2022.01.18
[jsp] 뒤로가기 누를 시 새로고침  (0) 2022.01.10
starting Tomcat v9.0 Server at localhost  (0) 2021.12.27

[문제]

게시판 만들다가 뒤로가기를 누르면 조회수가 증가하지 않았다. 

구글 검색 결과 

https://chicpro.dev/%EB%AA%A8%EB%B0%94%EC%9D%BC-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%97%90%EC%84%9C-back-%EB%B2%84%ED%8A%BC-%ED%81%B4%EB%A6%AD%EC%8B%9C-%ED%8E%98%EC%9D%B4%EC%A7%80-%EA%B0%95%EC%A0%9C-%EB%A6%AC%EB%A1%9C/

 

모바일 브라우저에서 Back 버튼 클릭시 페이지 강제 리로딩 하기 – CHICPRO

 

chicpro.dev

딱 나랑 맞는 분을 찾았다. 

 

[해결]

게시판 보여주는 view.jsp코드로 가서 

<script type="text/javascript">
	window.onpageshow =  function(event) {
	    //back 이벤트 일 경우
	    if (event.persisted) {
	    	document.location.reload();
	    }
	}
</script>

맨 앞에 추가해줬더니 됐다. 

코드 리뷰

  • required :  선택 안 하면 요청할 수가 없음
  • response.setContentType("text/html; charset=UTF-8");
    • 응답 시 형식이 뭔지 알리는 것
    • 브라우저마다 문자코드 해석하는 default가 다르기 때문,
  • request.setCharacterEncoding("UTF-8");
    • post 방식으로 보내는 값이 한글 안 깨지게
      • GET 방식은 톰캣이 기본적으로 자동으로 한글처리해주기 때문에 한글이 안 깨짐
    • 쿼리 문자 추출 시, 한글이 추출 잘 되게
  • LocalDate.parse() (LocalDate, LocalDateTime 스터디할 필요!
 

LocalDate parse() method in Java with Examples - GeeksforGeeks

A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.

www.geeksforgeeks.org

  • LocalDate date = LocalDate.parse(request.getParameter("date"));
    out.printf("<li>예약 날짜 : %1$tY년 %1$tm월 %1$td일</ul>", date);
    • 1$ : 첫번째 아규먼트를 여기에 반영하겠다. 
    • %ty : java.util.Date를 입력받으면서 년도 제공

 


  • post
    • form 태그있어야함
    • 요청 바디안에 담겨서 전달함
    • 전달되는 name-value쌍 외부에 안 보임
  • get
    • 하이퍼링크, 이미지, form 태그 메소드 속성 생략될 때,,
    • 길이의 제한있음
    • 외부에 공개됨
    • 요청 header만 있음

 

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		request.setCharacterEncoding("UTF-8");
		doGet(request, response);
	}
  • doGet호출
    • 직접 호출 할 수 있다. 

 

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		String method = request.getMethod();
		if(method.equals("POST"))
			request.setCharacterEncoding("utf-8");
		out.print("<h2>요청 방식 : "+method+"</h2>");
		out.print("<h2>Query 문자열 : "+
		                  request.getParameter("name")+"</h2>");
		out.close();
		System.out.println(method+" 방식 수행");
	}
  • service에 넣어줘도 된다. 

 


  • '/'시작하면 절대 uri
    • 젤 첫번째에 프로젝트 명이 나와야한다. 
    • 최상위 폴더 wepapp까지 자동으로 찾아감 (webapp부터 시작)
  • 상대 uri : 현재 디렉토리 기준으로
    • '..'부터 주던지
    • 폴더명부터 줘야함 
  • getHeader("referer")
    • 요청한 대상 (html)에 대한 주소 추출

상태정보 유지 기술

package base;
import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet({ "/getHTML", "/getXML", "/getJSON", "/getImage" })
public class ResponseServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String uri = request.getRequestURI();
		System.out.println(uri);
		String filename = "";
		String contentType = "";
		if (uri.endsWith("getHTML")) {
			filename = "c:/Temp/sample.html";	
			contentType = "text/html; charset=utf-8";
		} else if (uri.endsWith("getXML")) {
			filename = "c:/Temp/sample.xml";	
			contentType = "application/xml; charset=utf-8";
		} else if (uri.endsWith("getJSON")) {
			filename = "c:/Temp/sample.json";	
			contentType = "text/json; charset=utf-8";
		} else {
			filename = "c:/Temp/trans_duke.png";	
			contentType = "image/png";
		}
		File f = new File(filename);
		FileInputStream fis = new FileInputStream(f);
		response.setContentType(contentType);
		if(contentType.startsWith("image")) {
			byte[] content = new byte[(int)f.length()];
			ServletOutputStream sos = response.getOutputStream();
			fis.read(content);
			sos.write(content);			
			sos.close();
		} else {
			InputStreamReader isr = new InputStreamReader(fis, "utf-8");
			BufferedReader br = new BufferedReader(isr);
			PrintWriter out = response.getWriter();
			String line = null; 
			while((line = br.readLine()) != null) 
				out.println(line);
			out.close();
			br.close();
			isr.close();			
		}		
		fis.close();
	}
}
  • @WebServlet({ "/getHTML", "/getXML", "/getJSON", "/getImage" })
    • 맵핑 명 여러개
  • file io : 운영체제 알맞는 패스 정보
    • 드라이버 경로 넣어야함
  • 읽어서 클라이언트한테 write
  • io는 운영체제에 무관하게 만드는게 쉬운일이 아님
    • 운영체제에 무관하게 만들려고 : Stream객체를 써서 
      • 한 쪽 방향으로만 흐른다. (내보내든, 읽어오든)
      • txt파일 읽어온다 : textreader
      • 출력 : outputStream,,,
  • getOutputStream () : 이미지파일을 읽어와야해서, 통채로 읽어서 통채로 내보냄
  • FileInputStream : 바이너리 스트림을 이용해서 읽어오겠다. 
  • InputStreamReader isr = new InputStreamReader(fis, "utf-8");
    • 읽기모드로 동작하는 바이트 스트림을 문자 스트림으로 변환해주는 

 


  • servlet 
    • 객체 생성되면, 서버 죽을 때까지 아니면 리로드될때까지 살아있다.
    • 생성된 객체 계속 재활용함
    • 여러클라이언트  하나의 서비스 요청하면
      • 요청한 수만큼 스레드 만들어서
      • 하나의 서블릿객체 공유해서 사용함
      • 처리 효율 높일 수 있음
    • 맴버 변수로 하느냐, 지역변수로 하느냐 크게 달라져서 신경써야함
      package base;
      
      import java.io.IOException;
      import java.io.PrintWriter;
      
      import javax.servlet.ServletException;
      import javax.servlet.annotation.WebServlet;
      import javax.servlet.http.HttpServlet;
      import javax.servlet.http.HttpServletRequest;
      import javax.servlet.http.HttpServletResponse;
      
      @WebServlet("/memberlocal")
      public class MemberLocalServlet extends HttpServlet {
      	private static final long serialVersionUID = 1L;
      	int member_v=0;
      	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      		int local_v=0;		
      		response.setContentType("text/html; charset=utf-8");
      		PrintWriter out = response.getWriter();
      		member_v += 10;
      		local_v += 10;
      		out.print("<ul>");
      		out.print("<li>멤버변수 : "+ member_v +"</li>");
      		out.print("<li>지역변수 : "+ local_v +"</li>");
      		out.print("</ul>");
      		out.close();		
      	}
      }​
      • 구동시키면
        • 멤버 10, 지역 10됨
      • 새로고침하면 
        • 멤버 20, 지역 10됨
    • 멤버 변수 : 객체 생성시에 메모리 할당 됨 (최초 요청 했을 때)
    • 지역 변수 : 호출 될 때마다 할당 됨
      • 개별 할당은 가능함
      • 메소드 수행이 끝나면 사라짐
      • 어떤 클라이언트가 요청하든, 재활용 된다. 
      • 모든 클라이언트가 공유함 (리로드, 서버 죽을 때까지)
    • 계좌번호, 개인정보는 멤버 변수에 넣으면 안됨.
      • 웬만하면 지역변수 
      • 다른 클라이언트가 멤버 변수가 바뀔 수가 있음
    • 개별할당하면서 다음 요청시에도 그대로 쓸 수 있게 하려면(ex 쇼핑카트)
      • 세션객체 (httpsession)

HttpSession

  • 클라이언트 별로 개별적으로 만들어짐
    • (클라이언트별로 하나씩만들어짐) - 두개를 안 만들어줌 
    • 이름을 부여해서 name-value쌍으로 
    • 원하는 시간까지 유지
    • 갯수 제한 없음
    • WAS가 알아서 관리해줌 - 안 만들어져 있으면 새로 만들어줌
    • 일정 시간동안 요청을 안 하면
      • 세션객체는 자동 삭제된다 - WAS가
      • 일정 시간 = 기본 값 : 30분 (api로 바꿀 수 있다)
        • Inactive Interval
      • 직접 삭제도 가능
  • 클라이언트 별로 객체로 만들어서 넣어주면 됨 (기본형은 못 넣음)
    • setAttribute
  • 유지할 필요가 없으면 지우면 된다. 
    • removeAttribute
  • 꺼내는 것 
    • getAttribute

  1. 상태 정보 유지
    • 목적의 데이터들 (로그인 했다, 로그인을 성공했다. 어떤 상품을 몇 개 구매하고 싶다라는 장바구니)
    • 현재 어떤 상태다 (이 클라이언트는)
    • 클라이언트별로 유지하는 기술
  2. 어떤 클라이언트것인지 구별하는 것
    • 회원가입 안 해도 장바구니에 상품 담을 수 있다. 
    • 세션 id가 하나씩 부여됨
      • id는 고유 식별자 (짧지 않음)
      1. cookie를 이용한 방법
        • 클라이언트 별로 상태 정보를 각각 들고 있음 
      2. HttpSession객체 이용 
        • 서버에 클라이언트 별 상태 정보가 저장되어 있음
        • 방문했던 적이 있는 클라이언트 안에 보관되어있는 데이터
        • name-value쌍의 데이터
        • 서블릿, 자바스크립트로 구현 가능 (서블릿만의 구현 기술이 아님)
        • 서버가 클라이언트한테 응답 헤더에 set-cookie해서 줌
          1. 주기전에 id에 해당하는 session객체가 있는지 본다.
            • 있으면 그대로 주고, 없으면 만듦 
          2. 응답 헤더에 전달된 쿠키 정보를 저장
          3. 브라우저가 보관함
          4. 다시 요청할 때 요청 헤더에 저장된거 담아서 줌
        • 브라우저 유효 서버가 누구인지 다 앎
          • 다른 서버한테 갈 일은 없음
        • 앞으로 24시간 팝업창 띄우지 않기, 로그인 시 계정 보관
          • 없어지더래도 크게 문제가 되지 않는 것
        • 중요한 상태 정보는 서버에 저장
        • 세션객체의 아이디만 클라이언트에 저장
        • API
          • getSession( true or false)
            • HttpSession 리턴함 
            • 기본 값 true
              • 이미만들어져있는 얘 찾아서 리턴
              • 안 만들어져 있으면 새로 만들어서 리턴함
            • false
              • 안 만들어져 있으면 null리턴
          • setAttribute(이름, 객체)
            • 똑같은 이름의 객체 여러개 등록 X
            • 마지막에 등록된 얘가 저장되어 있음
            • 강제 형변환 필수 - 리턴 값이 object라서 
            • 필요없으면 removeAttribute( )
          • invalidate( )
            • 생성되어있는 세션 객체 강제로 삭제

 

package base;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

@WebServlet("/sessiontest1")
public class SessionTestServlet1 extends HttpServlet {
	private static final long serialVersionUID = 1L;
	int member_v=0;
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		int local_v=0;		
		response.setContentType("text/html; charset=utf-8");
		PrintWriter out = response.getWriter();
		HttpSession session = request.getSession();
		if(session.getAttribute("cnt") == null)
			session.setAttribute("cnt", new int[1]); // 데이터를 저장할 방을 등록
		int[] session_v = (int[])session.getAttribute("cnt");
		session_v[0] += 10;
		member_v += 10;
		local_v += 10;
		out.print("<ul>");
		out.print("<li>멤버변수 : "+ member_v +"</li>");
		out.print("<li>지역변수 : "+ local_v +"</li>");
		out.print("<li>세션객체에저장된배열원소 : "+ session_v[0] +"</li>");
		out.print("</ul>");
		out.close();		
	}
}
    1. - int[] session_v = (int[])session.getAttribute("cnt");
      1. - cnt로 저장되어 있는 객체 꺼내오기
        - session객체 id가 전달 됨
      2. - 유호 path : /edu

      3. - 새로 고침하면, 요청 해더에는 id없음.
      4. - 응답 헤더에 id가 있다. 
      5. - 계속 서버에 id 보냄

      6. - 엣지로 열면 개별적으로 증가함
      7. - 크롬용, 엣지용 개별적으로 만들어져 있음
      8. - 크롬을 여러개 열어도 자원을 공유함 : 두개 만들어지진 않음
      9. - 다른 브라우저만, 크롬을 띄울 때 시크리티 모드면 별개의 객체 만들어짐 
      10.  

      11. - 유효 도메인 판단된 경우에만 세션 id가 보내진다.
      12. - 브라우저 죽을 때 까지 유효함

 


package base;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
@WebServlet("/sessiontest2")
public class SessionTestServlet2 extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {		
		HttpSession session = request.getSession();
		response.setContentType("text/html; charset=utf-8");
		PrintWriter out = response.getWriter();	
		out.print("생성된 세션객체의 ID : "+session.getId());
		out.print("<br>세션 객체가 생성된 시간 : "
				      + new Date(session.getCreationTime()));
		out.print("<br>현재 시간 : " + new Date());
		out.close();
	}
}
  • 유효 시간 안 주면 브라우저가 죽기 전까지 있음

 

    • 현재 시간은 바뀌어도 세션 객체 만들어지는 시간은 안 바뀜
      • getCreationTime() 세션 객체 만들어진 시간
  • 클라이언트 별로 개별적으로 만들어진다. 

 


package base;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
@WebServlet("/sessiontest3")
public class SessionTestServlet3 extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {	
		response.setContentType("text/html; charset=utf-8");
		PrintWriter out = response.getWriter();	
	    String action = request.getParameter("action");
	    HttpSession session = null;
	    String msg = "action=create 또는 action=destroy를 전달하시오."; 
	    if(action != null && action.equals("create")) {
	    	session = request.getSession();// getSession(true)와 동일
	    	if(session.isNew())
	    		msg = "세션 객체가 생성됨";
	    	else 
	    		msg = "세션 객체는 이미 생성되어 있었음";    	
	    } else if (action != null && action.equals("destroy")) {
	    	session = request.getSession(false);
	    	if(session != null) {
	    		session.invalidate();
	    		msg = "세션 객체가 삭제됨";
	    	} else 
	    		msg = "삭제할 세션 객체가 없음";    	
	    }
		 
		out.print("<h2>"+msg+"</h2>");
		out.close();
	}
}
  • session = request.getSession(false);
    • 없으면 다시 만들진 않고 null리턴

 


 

'study > JAVA 전문가' 카테고리의 다른 글

[fileIUpload,jsp] 서블릿 구현  (0) 2021.12.30
[servlet]요청 재지정  (0) 2021.12.29
[Servlet] Get방식  (0) 2021.12.28
[HTML] 연습  (0) 2021.12.28
[Servlet & JSP] 1  (0) 2021.12.27
  • 서버상에서 실행되는 프로그램
  • RAM 상주 프로그램이였는데 servlet 컨테이너가 커버해준다. 
  • 수행 속도가 빠르고, 구현도 쉬웠다. 

 

등록과 매핑해줘야한다. 

  • xml
  • annotaion
  • 애플릿때문에 생김
    • 클라이언트가 html, js, image인지 웹 서버가 뭘 보고 판단 ? 
      • 요청된 파일의 확장자보고 판단함
  • servlet확장자 .class
    • 애플릿이라는 얘가 web에서 널리 사용하고 있었음
      • .class이면 다 애플릿으로 인식함
      • 애플릿 브라우저에서 실행돼서 java실행 환경을 다 들고있었슴
    • servlet은 확장자로는 판단하지 못했음 
      • 매핑이 만들어짐 

 

  1. 서블릿마다 태그 넣어주는지 (xml)
  2. 앞에 @쓰는 것 (annotation)

요청 및 응답 객체 생성

  • 톰캣안에 코요태 : web서버
    • 매핑보고, 확장자보고 서버에서 실행되는지, 클라이언트에게 줘야하는지 판단
      • 서버에서 실행시키고, 결과를 줘야할 때는 카탈리나에게 넘김(서블릿 컨테이너) 
      • 이미지읽고, 간단한건 코요테 안에서 해결함
    • 카탈리나 (서블릿 컨테이너)
      1. servlet class 메모리에 로딩
      2. response, request 객체를 만듬
      3. client가 요청한 servlet이 객체 생성되어있는지 확인 -> 서비스 호출 (클라이언트 요청할 때마다 )
        • 자기가 만든 http reponse, http request(요청정보)를 매개변수로 서비스에게 전달
          • 서비스는 get인지 host인지 확인
          • get방식이면
            • doGet 오버라이딩, 호출 안 되어있으면 부모의 do get이 호출 됨
          • Post 방식이면
            • doPost 오버라이딩
      4. 객체 생성 안 되어 있으면
        • 젤 먼저 호출 init (최초의 한번만 )-> 서비스 
        • 서비스의 결과가 항상 
      5. 서블릿 객체가 메모리에 사라지는 시점에 destroy 호출

 

 

  • 정해진 메소드만 수행해야함. 
    • 구현해야하는 메소드 사양도 정해져있음 


  • 객체생성을 WAS(Web application Server)가 한다. 
    • 클라이언트가 보낸 쿼리문자열을 담아서 전달하면, 그걸 우린 쓴다 HttpRequest
  • response.getWriter();
    response.setContentType("text/html; charset=UTF-8");
    PrintWriter out = response.getWriter();​
    • response 
      • 클라이언트 응답과 관련된 일
    • io
      • readWriter
        • 문자 스트링(텍스트)
      • input/output
        • 바이너리 (이미지)

 


에러

500 : 실행하다 오류

  • getParameterValues
    • 리턴값이 문자열 배열
    • 하나의 value에 여러개
  • getParameter
    • 리턴값이 string
    • 하나의 value에 하나 올 때

 

 


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>입력폼 학습</h1>
	<hr>
	
	<!--
		method 생략하면 get 
		localhost니깐, 서버주수랑 포트번호 생략
	-->
	
	<form method="get" action = "/edu/query">
		이름 <input type="text" name="p1" required>
		<br> 나이 <input type="number" name="p2"><br>
		
		
		<!-- HTML5 -->
		좋아하는 음식 
		<br> 햄버거 <input type="checkbox" name="p3" value="햄버거">
		비지찌게 <input type="checkbox" name="p3" value="비지찌게"> 
		회덮밥 <input type="checkbox" name="p3" value="회덮밥"> 
		돈까스 <input	type="checkbox" name="p3" value="돈까스"><br>
		
		<input type="submit" value="전송하기"> 
		<input type="reset" value="초기상태로">
	</form>
</body>
</html>
package base;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/query")
public class QueryServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setContentType("text/html; charset=utf-8");
		PrintWriter out = response.getWriter();
		String p1 = request.getParameter("p1");
		int p2 = Integer.parseInt(request.getParameter("p2"));
		String p3[] = request.getParameterValues("p3");
		out.print("<ul>");
		out.print("<li>p1 : "+ p1 +"</li>");
		out.print("<li>p2 : "+ p2 +"</li>");
		for(int i=0; i < p3.length; i++)
			out.print("<li>p3["+i+"] : "+ p3[i] +"</li>");
		out.print("</ul>");
		out.close();		
	}
}

  • String p3[] = request.getParameterValues("p3");
    • 아무것도 전달 안 되면 비어있는 배열 리턴함
  • <form method="get" action = "/edu/query"> 
    • action에 url 다 주는 것 -> 절대 url 
    • /edu/query
      • 자동으로 html요청했던 서버 정보로 확장시킴
      • 서버를 여러 개에서 받으면 절대주소 줘야함
    • host방식으로 하면 405에러남

      • doGet 오버라이딩해서 
      • 부모의 있는 httpServlet에 있는 doPost 호출된 것
    • 메소드 속성이 아예 없으면 디폴트 get방식

 


out.print("<a href = '/edu/htmlexam/queryservlettest.html'>입력화면으로</a>");
  • 하이퍼링크 작성함 (.java)

querytest.html

더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	    <form method="GET" 
	    action="http://localhost:8080/edu/querytest">
		이름 : <input name="stname" value="luster1031" required><br>
		암호 : <input type="password" name="pwd"><br>
		나이 : <input type="number" name="age"><br>
		성별 : <input type="radio" name="gender" value="남자">남자
		<input type="radio" name="gender" value="여자">여자
		<br>
		
		취미 : 
		피아노 <input type="checkbox" name="hobby" value="피아노">
		수영 <input type="checkbox" name="hobby" value="수영">
		독서 <input type="checkbox" name="hobby" value="독서">
		게임 <input type="checkbox" name="hobby" value="게임">
		<br>
	
		좋아하는 색 : 
		<select name="color">
		    <option value=""></option>
			<option value="빨강색">RED</option>
			<option value="파랑색">BLUE</option>
			<option value="노랑색">YELLOW</option>
		</select>
		<br>
		
		좋아하는 음식 :
		<br> 
		<select name="food" size="4" multiple>
			<!-- multipe : 원하는 만큼 선택 -->
			<option value="라면">라면</option>
			<option value="냉면">냉면</option>
			<option value="짜장면">짜장면</option>
			<option value="햄버거">햄버거</option>
			<option value="닭강정">닭강정</option>
			<option value="육회">육회</option>
		</select>
		<br>
		
		의견 : 
		<br>
		<textarea name="op" rows="10" cols="50"></textarea><br>
		
		<input type="hidden" name="h_1" value="hidden으로 보낸 첫 번째 내용">
		<input type="hidden" name="h_2" value="hidden으로 보낸 두 번째 내용"> 
		
		<input type="submit" value="보내기">
		<input type="reset" value="다시작성하기">
	</form>
</body>
</html>

QueryTestServlet.java

더보기

QueryTestServlet.java

package base;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/querytest")
public class QueryTestServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		String name = request.getParameter("stname");
		String pwd = request.getParameter("pwd");
		int age = Integer.parseInt(request.getParameter("age"));
		
		String gender = request.getParameter("gender");
		
		String[] hobby = request.getParameterValues("hobby");
		String[] food = request.getParameterValues("food");
		
		String color = request.getParameter("color");
		String op = request.getParameter("op");
		
		response.setContentType("text/html; charset=utf-8");
		PrintWriter out = response.getWriter();
		
		out.print("<h2> 전달된 내용 </h2>"); out.print("<hr>");
		
		
		out.print("<ul>");
		out.print("<li> 이름 : " +name+ "</li>");
		out.print("<li> 암호 : " +pwd+ "</li>");
		out.print("<li> 나이 : " +age+ "</li>");
		
		out.print("<li> 성별 : ");
			if (gender == null) {
				out.print("선택 제대로 하세요 -ㅅ-");	
			}
			else {
				out.print(gender);
			}
		out.print("</li>");
		
		out.print("<li> 취미 : ");
			if (hobby == null) {
				out.print("선택 제대로 하세요 -ㅅ-");	
			}
			else {
				for (int i=0 ; i<hobby.length ; ++i) {
					if (i == hobby.length -1) {
						out.print(hobby[i]);
						break;
					}
					out.print(hobby[i] +",");
				}
			}
		out.print("</li>");
		
		out.print("<li> 좋아하는 색 :" +(color == ""?"없음":color) +"</li>");
		out.print("<li> 좋아하는 음식 : ");
		if (food == null) {
			out.print("선택 제대로 하세요 -ㅅ-");	
		}
		else {
			for (int i = 0; i < food.length; ++i) {
				if (i == food.length - 1) {
					out.print(food[i]);
					break;
				}
				out.print(food[i] +",");
			}
		}
		out.print("</li>");
		
		
		out.print("<li> 의견 : " + op + "</li>");
		out.print("<li> 비밀1 : " + request.getParameter("h_1") + "</li>");
		out.print("<li> 비밀2 : " + request.getParameter("h_2") + "</li>");
		
		
		out.print("</ul>"); out.print("<hr>");
		out.print("<a href='/edu/htmlexam/querytest.html'>"
				+ "입력화면으로</a>");
		
		out.close();
	}

}
  • hidden 태그
    • 사용자에 관계없이 자동으로 전달하는 name, value로 작성할 수 있는 tag
    • hidden은 화면에 아무것도 안 나타남
  • 이름 : <input name="stname" value="luster1031" required><br> 
    • 디폴트로 이름이 적혀져 있음
    • type은 text

http://localhost:8080/edu/querytest?
	stname=luster1031&
    pwd=12341&
    age=111&
    gender=%EB%82%A8%EC%9E%90&
    hobby=%ED%94%BC%EC%95%84%EB%85%B8&
    hobby=%EB%8F%85%EC%84%9C&
    hobby=%EA%B2%8C%EC%9E%84&
    color=%ED%8C%8C%EB%9E%91%EC%83%89&
    food=%EB%9D%BC%EB%A9%B4&
    food=%EB%83%89%EB%A9%B4&
    food=%EC%A7%9C%EC%9E%A5%EB%A9%B4&
    food=%ED%96%84%EB%B2%84%EA%B1%B0&
    food=%EB%8B%AD%EA%B0%95%EC%A0%95&
    food=%EC%9C%A1%ED%9A%8C&
    op=2021.12.28+%EC%98%A4%EB%8A%98%EC%9D%80+%EC%88%98%EC%9A%94%EC%9D%BC&
    h_1=hidden%EC%9C%BC%EB%A1%9C+%EB%B3%B4%EB%82%B8+%EC%B2%AB+%EB%B2%88%EC%A7%B8+%EB%82%B4%EC%9A%A9&
    h_2=hidden%EC%9C%BC%EB%A1%9C+%EB%B3%B4%EB%82%B8+%EB%91%90+%EB%B2%88%EC%A7%B8+%EB%82%B4%EC%9A%A9
  • '%'기호와 함께 16진수 코드 값으로 
  • 공백은 '+'문자로 간다. 

getpost.html

더보기

getpost.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>서블릿을 요청하는 다양한 방법</h1>
	<hr>
	<a href="/edu/getpost?name=듀크">하이퍼링크로 요청</a>
	<hr>
	<form method="get" action="/edu/getpost">
		<input type="text" placeholder="이름을입력하세요" name="name"> <input
			type="submit" value="GET방식요청">
	</form>
	<hr>
	<form method="post" action="/edu/getpost">
		<input type="text" placeholder="이름을입력하세요" name="name"> <input
			type="submit" value="POST방식요청">
	</form>
</body>
</html>
  • a 태그로 요청할 수 있는 대상은 제한이 없다.  
    • get 방식
      • form 작성 안 해도, 물음표 뒤에 추가로 전달 가능 
        • 사용자가 직접 이름을 요청할 기회가 없음
      • form 사용시
        • 사용자가 직접 이름 넣기 가능
      • 전달되는 쿼리의 길이의 제한이 있다. (서버마다 다름)
      • 보안이 안 좋음
    • post
      • 전달되는 필드가 주소 필드에 표시가 안 남
      • form 태그를 써야만, 가능
      • 나머지는 get 방식
      • 쿼리가 외부로 안 보임
      • 쿼리 문자열의 길이 제한이 없음
        • 파일 업로드

GetPostServlet.java

더보기

GetPostServlet.java

package base;

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/getpost")
public class GetPostServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.print("<h2>요청 방식 : " + request.getMethod() + "</h2>");
		out.print("<h2>Query 문자열 : " + request.getParameter("name") + "</h2>");
		out.close();
		System.out.println("GET 방식 수행");
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		// request.setCharacterEncoding("UTF-8");
		out.print("<h2>요청 방식 : " + request.getMethod() + "</h2>");
		out.print("<h2>Query 문자열 : " + request.getParameter("name") + "</h2>");
		out.close();
		System.out.println("POST 방식 수행");
	}
}
  • servlet 컨테이너가 get이든 post이든 요청하는 api는 똑같다. 
  • get방식

 

  • host 방식

  • 요청 바디에 입력 값 파라미터 담아서 전달
    • 주소창에 입력 값 안 보임
  • 한글 깨짐
    • 전달되는 방법의 차이
    • 요청하기 전에 request.setCharacterEncoding해줘야 함

 


  • 사용자 편의성을 얼만큼 제공하는 사이트인가?

 

 

'study > JAVA 전문가' 카테고리의 다른 글

[servlet]요청 재지정  (0) 2021.12.29
[servlet] 상태정보 유지 기술  (0) 2021.12.29
[HTML] 연습  (0) 2021.12.28
[Servlet & JSP] 1  (0) 2021.12.27
[tomcat] 실습 - html, servelt  (0) 2021.12.27

+ Recent posts