프로그래밍 언어/자바 웹

Core 태그 라이브러리 실습 예제

· 코딩마이데이

1. 프로젝트의 WebContent 폴더에 실습 파일들을 저장할 test04 폴더를 만들고 다음과 같이 여러 개의 JSP 파일들을 준비합니다.

실습 파일

 

2. 로그인 창에서 ID와 비밀번호를 입력한 후 로그인을 클릭할 수 있도록 login.jsp를 작성합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>로그인창</title>
</head>
<body>
	<form action="result.jsp" method="post">
		아이디: <input type="text" name="userID"><br>
		비밀번호: <input type="password" name="userPw"><br>
		<input type="submit" value="로그인">
		<input type="reset" value="다시입력">
	</form>
</body>
</html>

 

3. 이번에는 result.jsp를 다음과 같이 작성합니다. 로그인창에서 ID를 입력한 경우와 입력하지 않은 경우 <c:if> 태그를 이용해 각기 다른 화면을 출력하도록 설정합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
    isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	request.setCharacterEncoding("utf-8");
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>결과창</title>
</head>
<body>
	<c:if test="${empty param.userID }">
	  아이디를 입력하세요.<br>
	  <a href="login.jsp">로그인 창 </a>
	</c:if>
	<c:if test="${not empty param.userID  }">  
	 <h1> 환영합니다. <c:out value="${param.userID }" />님!!!</h1>
	</c:if>
</body>
</html>

 

4. http:localhost:8080/pro14/test04/login.jsp로 요청하여 ID와 비밀번호를 입력한 후 로그인을 클릭합니다.

로그인 창에서 로그인 클릭

 

5. ID를 정상적으로 입력한 경우 로그인 메시지를 출력합니다.

로그인 메시지 출력

 

6. ID를 입력하지 않고 로그인한 경우 다시 로그인하라는 메시지를 출력합니다.

로그인창으로 이동 메시지 출력

 

7. 이번에는 <c:if>로 이중 조건문을 구현하도록 다음과 같이 result2.jsp를 작성합니다. 로그인 시 admin으로 로그인하면 관리자 화면을 출력합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
    isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
  request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8">
<title>결과창</title>
</head>
<body>
<c:if test="${empty param.userID}">
  아이디를 입력하세요.<br>
  <a href="login.jsp">로그인 창 </a>
</c:if>
<c:if test="${not empty param.userID  }">
  <c:if test="${param.userID =='admin' }">
  	<h1>관리자로 로그인 했습니다.</h1>
  	<form>
	    <input type=button value="회원정보 삭제하기"  />
	    <input type=button value="회원정보 수정하기"  />
  	</form>  
  </c:if>
  <c:if test="${param.userID !='admin' }">  
    <h1> 환영합니다. <c:out value="${param.userID}" /> 님!!!</h1>
 </c:if>
</c:if>
</body>
</html>

 

8. http://localhost:8080/pro14/test04/login.jsp로 요청하여 admin으로 로그인합니다.

 

9. 그러면 다음과 같이 관리자 화면을 출력합니다.

관리자 화면 출력

 

10. 다른 ID로 로그인 시 로그인 메시지를 출력합니다.

다른 ID로 로그인 시 로그인 메시지 출력

'프로그래밍 언어 > 자바 웹' 카테고리의 다른 글

구구단 출력 예제  (0) 2026.03.12
학점 변환기 예제  (1) 2026.03.09
<c:out> 태그를 이용한 실습  (0) 2026.03.03
<c:redirect> 태그를 이용한 실습  (0) 2026.02.28
<c:url> 태그를 이용한 실습  (0) 2026.02.25