웹 개발 환경을 구축하다보면 수많은 JSP파일을 만들어준다.
View 하나만 구성하더라도 MVC 패턴을 이용하면 기능에 따라 View가 각각 구현되는데 그럴때마다 JSP파일을 매번 생성한다.
근데 이클립스에서 기본적으로 제공하는 HTML5 형식의 JSP파일이 아주 내용이 부실(?) 하다.
우리가 개발을 하다보면 Jquery Library도 등록해서 써야하고, Taglib을 이용하여 JSTL도 자주 사용하게 되는데
JSP 파일을 생성할때마다 생성후에 이러한부분들을 매번 설정해주는게 보통일이 아니다.
그렇기 때문에 잘 작성된 "Base" JSP파일을 작성해준후 그 파일을 JSP파일 생성할때 "기본설정"으로 정해주는 작업이 바로 JSP파일 템플릿 등록이다.
먼저 현재 개발에 필요한 Jquery와 Taglib을 추가한 JSP 파일을 하나 만들어주었다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="${encoding}"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- google cdn 방식 jquery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<meta charset="${encoding}">
<meta name="description" content="memberboard web app">
<meta name="keywords" content="article, javascript, board, webProject">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style></style>
<script>
</script>
</head>
<body>
</body>
</html>
Meta name은 있어도 그만 없어도 그만이므로 가져다 쓰실 분들은 Metaname description과 keywords는 삭제하고 사용하면 된다.
그럼 이제 이 형식의 파일을 "기본 파일"로 저장해야한다.
이클립스에서 Window - Preferences에 들어가서 Web - JSP files - Editor - Templates에 들어가자.
그럼 저렇게 수많은 형식의 JSP 파일이 기본 Templates로 등록이 되어있다.
난 HTML5 문서 기준으로 템플릿을 설정해줄것이다. 해당 형식을 선택후에 옆의 Edit를 눌러주자.
그럼 이러한 창이 뜬다. Parrern 부분을 다 지워주고 우리가 설정해줄 파일의 코드를 싹다 긁어서 붙여넣기 해주자. 그리고 OK를 눌러주자.
창이 닫히면서 Preview 화면에 우리가 등록한 코드가 정상적으로 출력이 된다면 Apply and Close 해주자.
그럼 이제 이 이후로 생성하는 HTML5형식의 JSP파일은 우리가 등록한 Templates로 기본 설정되어 생성될것이다.
참고: 만약 $같은 기호를 넣고싶다면 등록할때 $$ 두번 입력해줘야하며 ${cursor}라고 입력하면
파일이 만들어지고 해당 ${cursor}라고 표시된곳에 새 파일이 생성되자마자 키보드 문서 커서가 자동으로 이동되어 깜빡일것이다.
그리고 Page 지시자부분에 PageEncoding부분의 ${encoding}은 해당 표시가 있는곳에 이클립스의 설정으로 잡혀있는 Encoding값이 자동으로 입력된다.
난 UTF-8로 이클립스 설정을 해주었기때문에 따라서 JSP 생성할때 PageEncoding이 UTF-8로 설정된다.
'Study > JSP' 카테고리의 다른 글
JSTL forEach (0) | 2023.02.15 |
---|---|
Model(모델) 처리 방법 대표적인 4가지 (0) | 2023.02.13 |
JSP Page에서 Java 클래스 Import하기 (0) | 2023.01.20 |
*.properties 파일 생성하기 (0) | 2023.01.12 |
HTTP의 Request Method GET과 POST (0) | 2023.01.07 |