Contents
템플릿 엔진(Template Engine)
- 동적으로 웹 페이지나 문서를 생성하기 위해 사용되는 도구나 소프트웨어
- 정적인 템플릿(양식)과 데이터를 결합> 동적으로 콘텐츠를 생성, 표시하는 역할
- 주로 웹 애플리케이션에서 서버 측에서 HTML을 동적으로 생성하는 데 사용
- 이름이 정해져 있음
컨버터(Converter) : 한 형식이나 시스템에서 다른 형식이나 시스템으로
데이터를 변환하는 데 사용되는 도구나 소프트웨어
자바 코드에 html 코드를 섞는게 불편….
html코드에 자바 코드를 넣을 때 자바 Servlet으로 바꿔주는 역할을 함
html 코드에 자바 코드가 섞인 걸 ⇒ 자바 코드에 html 코드가 섞인 것으로 바꿔 줌
- 템플릿 엔진 이용해서 더 쉽게 만들어보기
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> <h1>회원가입 페이지</h1> <hr> <form action="/join" method=""> <input type="text" placeholder="username" name="username"> <input type="text" placeholder="password" name="password"> <input type="text" placeholder="email" name="email"> <button>회원가입</button> </form> </body> </html>
- 요청은 파일 명
- .jsp 파일이라서 톰캣에게 위임
톰캣은 이 파일을 Servlet으로 변환해서 실행
<% %> : %%사이에 자바 코드 입력 가능
<%= %> : 출력 가능
- 리다이렉트하면 그림이 필요 없음
get 요청만 디자인이 있음
- 자유도가 너무 높으면 같이 협업하기 힘듦 → 프레임워크 필요
디자인이 없으면 Servlet으로 해도 되지만 통일성을 주는 것
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <% // 템플릿 엔진에는 이름이 정해져 있음 response.setHeader("Content-type", "text/html; charset=utf-8"); // 헤더에 바디를 설명 // 1. 파싱 쉽게 하기 -> 커퍼에 키값을 찾아줌 String username = request.getParameter("username"); String password = request.getParameter("password"); String email = request.getParameter("email"); System.out.println("username : " + username); System.out.println("password : " + password); System.out.println("email : " + email); // 2. 유효성 검사(1000줄 정도 됨...) if(username.length() < 3 || username.length() > 10) { // 필터링으로 사용 response.getWriter().println("<h1>username 글자수가 3~10 사이여야 합니다."); return; } // 3. DB연결 -> DAO에 연결하기 위함 // 4. DAO의 insert 메서드를 회출 // 5. 메인 페이지 그리기 // 6. 리다이렉트 : 내가 요청한 주소를 자기 안에 있는 다른 것을 응답해주는 것 //resp.sendRedirect("/main"); // 톰캣이 만들어준 메서드 response.setStatus(302); response.setHeader("Location", "/board/main.jsp"); // 헤더에 정보 담기 response.setHeader("clock", "12pm"); // 프로토콜이 없어서 안뜸 %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> <h1>main page</h1> <hr> </body> </html>
Share article
