안녕하세요.
이번 글에서는 JSP를 활용해
에러 페이지를 만들어 보겠습니다.
JSP를 이용해 프로젝트를 진행하다보면
이렇게 여러 종류의 에러페이지를 보게 됩니다.
만약 이러한 오류 페이지를 웹을 이용하는 사용자가 보게 된다면
무슨 말인지 몰라 당황스러워 할 것입니다.
그래서 NAVER와 같은 웹들은 각각의 오류코드에 따른
위 사진 같은 오류 페이지를 따라 만들어 사용자에게 제공합니다.
오류 페이지 만들기
자. 이제 오류페이지를 만들어 보겠습니다.
1. 먼저 webapp 폴더 아래에 error폴더를 생성하고
404.jsp를 만들어 주겠습니다.
2. 그리고 만들어진 404.jsp의 코드를 작성합니다.
이때 에러코드의 특성을 살리고,
사용자가 알아 듣기 쉽도록 만드는게 중요합니다.
아래는 제가 임시로 만든 404.jsp의 코드입니다.
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR" isErrorPage="true"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<CENTER>
<h1>Page not found!!</h1>
<p>요청한 리소스를 서버에서 찾을 수 없음</p>
<p><img src='다운로드1.jpg'></p>
<p>눈 정화 시간</p>
</CENTER>
</body>
</html>
3. 그리고 web.xml을 열어 코드를 추가해줍니다.
에러페이지를 지정해줘야 상황에 알맞게 에러페이지가 열리게 됩니다.
<error-page>
<error-code>404</error-code>
<location>/error/404.jsp</location>
</error-page>
4. 그런 다음 원래 만들었던 웹페이지에서
각 에러 코드에 맞는 요청을 할 경우에 에러페이지가 나오기 떄문에
각 에러코드에 맞게 코드를 수정한 다음 프로그램을 실행합니다.
저의 경우 404를 이용해 만들었기 때문에
다음페이지에 대한 존재하지 않는 요청을 보내보겠습니다.
그럼 404의 에러코드가 발생하고 만든 에러페이지를 불러오게 됩니다.
다음은 제가 제시한 코드의 화면입니다.
이제 각자 만들고 있는 프로그램의 특성을 살려
직접 해보시길 바랍니다.
감사합니다.
'공부 기록 > 프론트엔드 공부' 카테고리의 다른 글
| [JS] 변수 선언 방식 (var, let, const) (0) | 2023.09.21 |
|---|---|
| [JS] 자바스크립트 정규표현식(Regular Expression) (0) | 2023.09.18 |
