[JSP]JSP 페이지 내장객체

JSP 2020. 12. 24. 00:27

www.inflearn.com/course/jsp-%EC%9B%B9%EA%B0%9C%EB%B0%9C-%EC%87%BC%ED%95%91%EB%AA%B0-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/dashboard

JSP 웹 쇼핑몰 프로그래밍 기본 과정(JSP WEB Programming) - 인프런

JSP 기초 부터 차량 구매 쇼핑몰 프로젝트까지 완성할 수 있는 강의로, 학습을 마치면 바로 실전 프로젝트를 수행할 수 있게 됩니다. (본 강의는 질의응답을 제공하지 않는 강의입니다.) 초급 웹

www.inflearn.com

해당 강의로 공부중인 내용입니다. 문제가 되면 비공개로 전환하겠습니다.

자주 사용되어지는 객체. 별도의 import없이도 사용 가능하다

내장 객체	리턴 타입	설명
request	javax.servlet.http.HttpServletRequest	웹 브라우저의 요청 정보를 저장하고 있는 객체 로그인 페이지에 정보를 넣어주면 DB의 데이터와 비교 요청.이러한 일처리
response	javax.servlet.http.HttpServletResponse	웹 브라우저 요청에 대한 응답 정보를 저장하고 있는 객체
out	javax.servlet.jsp.jsp.jspWriter	JSP페이지에서 생성된 결과를 브라우저레 출력할 때 사용하는 객체
session	javax.servlet.http.HttpSession	웹 브라우저의 정부를 유지하기 위해 정보를 저장하고 있는 객체 (쿠키와 세션 파트에서 다룬다.)
application	javax.servlet.ServletContext	웹 어플리케이션 전체에 공유하는 정보를 저장하고 있는 객체(사용자에게는 보여주면 안된다!)
pageContext	javax.servlet.jsp.PageContext	다른 페이지에 대한 정보를 불러가져 올때
page	java.lang.Object	JSP 페이지를 구현한 자바 클래스 객체
config	javax.servlet.ServletConfig	JSP 페이지에 대한 설정 정보를 저장하고 있는 객체
exception	java.lang.Throwable	JSP 페이지서 예외가 발생한 경우에 사용되는 객체

request

RequestLogin.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<center>
	<h2>로그인 페이지</h2>
    <!--form 안에 있는 데이터만 다음으로 넘어간다.
    get - 정보가 노출된다.
    post - 정보를 숨겨서 넘긴다.-->
	<form action = "RequestLoginProc.jsp" method="post">
	<table width="400" border="1">
	<tr height="60">
		<td align="center" width="150">아이디</td>
		<td align="left" width="250">
			<input type="text" name="id">
		</td>
	</tr>
	<tr height="60">
		<td align="center" width="150">패스워드</td>
		<td align="left" width="250">
			<input type="password" name="pass">
		</td>
	</tr>
	<tr height="60">
		<td colspan="2" align="center">
        <!-- submit 을 누르면 action 에서 지정된 곳으로 넘어간다 (문법) -->
		<input type="submit" value="전송">
		</td>
	</tr>
	</table>
	</form>	
	</center>
</body>
</html>

RequestLoginProc.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>

<!-- RequestLogin에서 넘어온 아이디와 패스워드를 읽어들임 -->

<%
	//가져올 땐 get. 부여할 땐 set. 사용자의 정보가 저장되어있는 객체가 request. getParameter() 사용자의 정보를 추출
	//getParameter 가 String타입으로 return 되어서 String 타입으로 가져온 것.
	//request 의 범위는 해당페이지까지만 존재한다. 다음 페이지로 가게 되면 전송되지 않는다 (세션 기능과 관련이 있다.)
	String id = request.getParameter("id");//사용자의 id 값을 읽어들여서 변수 id 에 저장해라.
	String pass = request.getParameter("pass");

%>
	<h2>
	당신의 아이디는 <%=id %>이고 패스워드는 <%=pass %>입니다.
	</h2>

</body>
</html>

회원가입창 작성

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<center>
	<h2> 회원 가입 </h2>
	<form action ="RequestJoinProc.jsp" method="post">
	<table width = "500" border ="1">
	<tr height = "50">
		<td width="150" align="center">아이디</td>
		<td width = "350" align="center"> <input type="text" name="id" size="40">
	</td></tr>
	<tr height = "50">
		<td width="150" align="center">패스워드</td>
		<td width = "350" align="center"> <input type="password" name="pass1" size="40">
	</td></tr>
	<tr height = "50">
		<td width="150" align="center">패스워드 확인</td>
		<td width = "350" align="center"> <input type="password" name="pass2" size="40">
	</td></tr>
	<tr height = "50">
		<td width="150" align="center">이메일</td>
		<td width = "350" align="center"> <input type="email" name=""email"" size="40" placeholder="">
	</td></tr>
	<tr height = "50">
		<td width="150" align="center">전화번소</td>
		<td width = "350" align="center"> <input type="tel" name="tel" size="40">
	</td></tr>
	<tr height = "50">
		<td width="150" align="center">당신의 관심분야</td>
		<td width="350" align="center">
		<!-- 배열로 넘어와야 하기때문에 name 을 동일하게 작성해주어야 한다. -->
		<input type="checkbox" name="hobby" value="캠핑">캠핑 &nbsp;&nbsp;
		<input type="checkbox" name="hobby" value="등산">등산 &nbsp;&nbsp;
		<input type="checkbox" name="hobby" value="독서">독서 &nbsp;&nbsp;
		<input type="checkbox" name="hobby" value="영화">영화 &nbsp;&nbsp;
		</td>
	</tr>
	<tr height = "50">
		<td width="150" align="center">당신의 직업은</td>
		<td width="350" align="center">
		<select name="job">
		<option value="교사">교사</option>
		<option value="변호사">변호사</option>
		<option value="의사">의사</option>
		<option value="개발자">개발자</option>
		</select></td>
	</tr>
	<tr height = "50">
		<td width="150" align="center">당신의 연령은</td>
		<td width="350" align="center">
		<input type="radio" name="age" value="10">10대 &nbsp;&nbsp;
		<input type="radio" name="age" value="20">20대 &nbsp;&nbsp;
		<input type="radio" name="age" value="30">30대 &nbsp;&nbsp;
		<input type="radio" name="age" value="40">40대 &nbsp;&nbsp;
		</td>
	</tr>
	<tr height = "50">
		<td width="150" align="center">하고싶은 말</td>
		<td width="350" align="center">
		<textarea rows="5" cols="40" name="info"></textarea>
		</td>
	</tr>
	<tr height = "50">
		<td align="center" colspan="2">
		<input type="submit" value="회원가입">
		<input type="reset" value="취소">
		</td>
	</tr>
	</table>	
	</form>
	
	
	</center>


</body>
</html>

회원가입 정보

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<center>
<h2>회원 정보 보기</h2>
<%
	//post 방식으로 데이터가 넘어올 떄 한글이 깨질 수 있기세
	request.setCharacterEncoding("UTF-8");
	//각종 사용자로부터 넘어온 데이터를 저장해 줌.
	String id = request.getParameter("id");
	String pass1 = request.getParameter("pass1");
	String pass2 = request.getParameter("pass2");
	String email = request.getParameter("email");
	String tel = request.getParameter("tel");
	
	//배열 []열 타입으로 리턴
	String [] hobby = request.getParameterValues("hobby");
	//옵션과 라디오버튼 둘다 값은 하나만 받기때문에
	String job = request.getParameter("job");
	String age = request.getParameter("age");
	String info = request.getParameter("info");
	
	if(!pass1.equals(pass2)){
%>
	<script type="text/javascript">
		alert("비밀번호가 틀립니다."); //경고창
		history.go(-1);//이전 페이지로 이동
	</script>


<%	
	}
%>

<table width="500" border="1">
	<tr height = "50">
			<td width="150" align="center">아이디</td>
			<td width = "350" align="center"> <%= id %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">패스워드</td>
			<td width = "350" align="center"> <%= pass1 %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">패스워드 확인</td>
			<td width = "350" align="center"> <%= pass2 %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">이메일</td>
			<td width = "350" align="center"> <%= email %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">전화번호</td>
			<td width = "350" align="center"> <%= tel %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">관심 분야</td>
			<td width = "350" align="center"> 
            <!--배열로 받아야 하기 때문에 for문을 돌려서 하나씩 값을 받아야한다.-->
			<% 
			for(int i=0;i<hobby.length;i++){
				out.write(hobby[i]+" ");
			}
			%>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">직업</td>
			<td width = "350" align="center"> <%= job %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">나이</td>
			<td width = "350" align="center"> <%= age %>
		</td></tr>
		<tr height = "50">
			<td width="150" align="center">하고 싶은 말</td>
			<td width = "350" align="center"> <%= info %>
		</td></tr>

</table>
</center>
</body>
</html>

위의 오류가 났을때 JSP의 기본 인코딩을 euc-kr 로 업데이트 해줬다 (기존에는 ISO -8859-1? 로 되어있었다)

그래도 오류는 계속 떠서 그냥 Save as UTF-8 눌러줬다....

페이지 post로 전송했을때 한글깨짐 현상이 일어나서 전부 다 UTF-8로 변경해주었다.

IPv4 주소 옆에 내 IP주소를 확인할 수 있다.

IP주소:8090/JSP1/RequestJoin.jsp

를 입력해도 해당 페이지를 볼 수 있다.(핸드폰은 와이파이 환경에서만)

response

addCookie(세션시간에 따로 다룸)

sendRedirect

페이지를 이동시키는 메소드

로그인 페이지에서 submit 눌렀을 시 밑의 페이지로 간다.

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<body>
	
	<h2>로그인 처리 페이지</h2>
	<%
		request.setCharacterEncoding("UTF-8");
		
		//임의적으로 id 와 pass 를 설정
		String dbid = "aaaa";
		String dbpass ="1234";
		
		//사용자로부터 넘어온 데이터를 입력 받아줌
		String id = request.getParameter("id");
		String pass = request.getParameter("pass");
		
		//db 데이터와 넘어온 데이터를 비교한다.
		if(dbid.equals(id)&&dbpass.equals(pass)){
			
			//아이디와 패스워드가 일치하니까 메인페이지를 보여주어야 한다. 데이터를 받아서 넘기고 싶으면 ?데이터 명. 파라미터에 담아서 넘기지 않으면 다음페이지까지 정보가 안넘어간다.
			response.sendRedirect("ResponseMain.jsp?id="+id);
		}else{
	%>
		<script>
			alert("아이디와 패스워드가 일치하지 않습니다.");
			history.go(-1)
		</script>
	
	<%
		}
		
	%>
	
</body>
</html>

ResponseMain.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<%
	request.setCharacterEncoding("UTF-8");
%>
	<h2><%=request.getParameter("id") %>님 반갑습니다.</h2>
</body>
</html>

OUT

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>

	<%
	String name = "알리미 어플";
	%>
 	스크립트로 표현시 <%=name %> 이 화면에 출력
 	
 	<p>
 	
 	<%
 		out.println(name + "이 화면에 출력");
 	%>
</body>
</html>

Session

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<h2>세션 연습</h2>
	<%
		String name = "shin";
		//세션을 이용하여 데이터를 유지시키고 싶다
		session.setAttribute("name1", name);
		//세션 유지시간
		session.setMaxInactiveInterval(10);//10초간 로그인 유지
	%>
	<a href="SessionName.jsp">세션네임페이지로 이동</a>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<h2>세션 네임페이지 입니다.</h2>
	
	<%
		String name1=(String)session.getAttribute("name1");
	%>
	
	<%=name1 %>님 반갑습니다.
</body>
</html>

'JSP' 카테고리의 다른 글

[JSP]JSP 페이지 액션 태그 (0)	2020.12.28
[JSP]JSP 페이지 스크립트 요소 (0)	2020.12.23
[JSP]JSP 페이지 디렉티브 (0)	2020.12.23

ABOUT ME

Study_Bangle Study_Bangle

request

response

OUT

Session

'JSP' 카테고리의 다른 글

티스토리툴바

ABOUT ME

request

response

OUT

Session

'JSP' 카테고리의 다른 글

관련글 관련글 더보기

티스토리툴바