본문 바로가기
Develop/JSP

JSP 템플릿 생성

by J0DEV 2021. 8. 6.
반응형

우선 앞으로 사용할 기본 템플릿들을 만들어 볼것이다.

여기서 만들  템플릿은 html과 Text 기본 템플릿이다.

템플릿을 만드는 이유는 앞으로 프로젝트를 할때, 반복해서 작성해야할 기본 템플릿들을 미리 지정해두어 편하게 작업하기 위해서이다.

 

 

새 프로젝트를 하나 생성하자.

프로젝트를 생성하기 위해서

이클립스 상단의 FIle을 클릭한다.

그 다음 New를 클릭한다.

 

그럼 위와 같은 화면이 나타나는데 Dynamic Web Project를 선택한다.

 

ProjectName:에 JSP_Template01 을 입력하고 Finish를 클릭한다.

 

그럼 왼쪽 Project Explorer에 JSP_Template01 이라는 프로젝트가 생성된다.

프로젝트의 하위 속성들중 WebContent를 클릭하고 마우스 오른쪽 버튼을 클릭한다.

 

New에

 

JSP File을 클릭

 

File name : 을 JSP_Template.jsp로 작성한뒤 Finish를 클릭한다.

 

 

그럼 위와 같이 JSP_Template.jsp파일이 생성되는 동시에 화면에 나타난다.

여기서 수정해주어야 할게 있다.

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

</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>


</body>

</html>

 

요렇게 바꿔주도록한다.

(charset이 UTF-8이 아니면 UTF-8로 수정해주도록하자.)

 

그다음 수정된 코드를 전체 드래그해서 복사한다.

 

JSP_Template01 프로젝트를 우클릭하여

New - JSP File을 클릭한다.

여기서 JSP File을 새로 생성할것이 아니다.

그러므로 File name은 신경쓰지 말고

Next 버튼을 클릭한다. (Finish클릭하면 안된다.)

 

이와 같은 화면이 나타날 것이다.

그리고 New JSP FIle창 하단에

 

Templates are 'New JSP' templates found in the JSP Templates preference page.

라는 문구가 있을 것이다.

JSP Templates

을 클릭한다.

 

 

 

클릭하면 위와 같은 창이 나타난다.

여기서 New...을 클릭

그럼 New Template 창이 나타날것이다.

 

 

Name: 에는 JSP HTML5

Pattern에 아까 수정했던 코드를 복사한 것을 붙여넣기 한다.

 

 

그리고 Context에서 New JSP를 선택한 후, OK를 클릭한다.

 

그럼 위와 같이 JSP HTML5가 New JSP 형태로 등록된 것을 볼 수 있다.

 

그리고 Cancel을 클릭하여 창을 닫는다.

(템플릿만 등록하기 위해서 들어왔기 때문에)

OK를 클릭하면 JSP파일이 생성된다.

템플릿만 등록하기 위해서 들어왔기 때문에

굳이 생성 시킬 필요가 없어서 Cancel을 클릭한 것이다.

이렇게 html템플릿을 생성시켰다.

 

text 템플릿도 생성방법은 같다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

</body>



</html>

 

여기에서

 

<%@ page language="java" contentType="text/plain; charset=UTF-8" pageEncoding="UTF-8"%>

 

이것만 남기고 다 지우면 된다.

그리고 저장할때

JSP Text로 저장하면 된다.

(이름은 자신이 편한데로 지어서 저장하면 된다.)

 

 

 

 

 

 

반응형

'Develop > JSP' 카테고리의 다른 글

JSP 문자열 가져오기  (0) 2021.08.06
JSP HelloWorld 출력하기 및 톰캣 설정  (0) 2021.08.06
JSP 개발환경 구축 - 이클립스  (0) 2021.08.06
JSP 개발환경 구축  (0) 2021.08.06