Spring/실습 정리

Spring 8강 - JSP로 로그인 화면 만들기

코딩하는냥이 2025. 6. 19. 15:42
반응형

이번 글에서는 JSP를 사용해 사용자에게 로그인 폼을 제공하는 화면을 구성합니다. 사용자는 아이디(ID)와 비밀번호를 입력하며, 이 값은 login_proc.jsp로 전달되어 로그인 로직으로 이어지게 됩니다.


📄 login.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Login Form</title>
</head>
<body>
	<center>
		<h1>로그인 화면 구현</h1>
		<hr>
		<form action="login_proc.jsp" method="post">
			<table border="1" cellpadding="0" cellspacing="0">
				<tr>
					<td bgcolor="orange">아이디</td>
					<td><input type="text" name="id"></td>
				</tr>
				<tr>
					<td bgcolor="orange">비밀번호</td>
					<td><input type="password" name="pw"></td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="로그인">
					</td>
				</tr>
			</table>
		</form>
	</center>
</body>
</html>

💬 코드 설명

  • form 태그는 POST 방식으로 데이터를 전송하며, 처리 페이지는 login_proc.jsp입니다.
  • 사용자가 입력한 아이디는 name="id", 비밀번호는 name="pw"로 전송됩니다.
  • 화면은 간단한 table 레이아웃으로 구성되어 있으며, 중앙 정렬 및 시각적 구분을 위해 bgcolor 속성이 사용되었습니다.

💡 포인트 정리

  • JSP 파일은 HTML 기반이며, Java 코드 및 태그를 함께 사용할 수 있는 서버 측 템플릿 기술입니다.
  • 이 예제는 사용자 인터페이스(UI)로서의 역할만 하며, 실제 로그인 처리 로직은 login_proc.jsp 또는 Controller에서 구현해야 합니다.
  • 이후 단계에서 id, pw 값을 request.getParameter()로 받아와 UserService의 getUser() 메서드와 연동하게 됩니다.

📌정리하자면, 이번 강의에서는 로그인 화면을 구성하는 JSP 파일을 만들어 봤습니다. 입력값은 다음 단계의 JSP 처리 페이지나 서블릿, 스프링 컨트롤러로 전달되어 실제 인증 로직과 연동될 수 있도록 구성됩니다. View 계층과 비즈니스 계층을 연결하는 첫 단계로서 중요한 기반이 됩니다.