728x90
반응형
AWS 클라우드환경 네이티브 수업 107 일차
진행
1. html과 서블릿 연결
2. jsp과 서블릿 연결
3. 스크립틀릿과 표현식 이용
4. page 지시자와 include 지시자
5. JSP의 주석 차이
6. html과 jsp 연결
요약
1. JSP의 주석 차이
2. 스크립틀릿을 이용한 html과 jsp 연결
html과 스크립틀릿 주석 차이
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1부터 10까지 곱하기</title>
<!-- 이 페이지는 JSP에 의해서 생성된 HTML문서입니다. -->
</head>
<body>
<%-- JSP에서 사용하는 주석... 아래의 부분은 데이터를 처리하는 스크립틀릿입니다. --%>
<% // 스크립틀릿
int result = 1; // 곱하기를 누적할 변수
/* 1 부터 10까지 곱하기를 하는 반복문 */
for(int cnt=1; cnt <=10; cnt++) {
result *= cnt; // result = result*cnt;
}
%>
<!-- 스크립틀릿과 JSP에서 사용한 주석은 페이지 소스에 나타나지 않습니다. -->
<!-- 1부터 10까지 곱한 결과를 화면에 출력합니다. -->
<h1>1부터 10까지 곱한 값은 ? <%=result %></h1>
</body>
</html>
스크립틀릿을 이용한 html 파일과 jsp파일 연결
<!-- YouerName.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>당신의 이름을 입력해주세요.</h1>
<form action="./Hi.jsp" method="post">
<h1>이 름 : <input type="text" name="YOURNAME" /></h1>
<input type="submit" value="확인"/>
<input type="reset" value="다시입력"/>
</form>
</body>
</html>
<!-- Hi.jsp -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<% request.setCharacterEncoding("UTF-8"); %> <!-- 요청받을때 인코딩 방식 -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>나의 이름은 무엇인가요?</h1>
<h2>안녕하십니까? <%=request.getParameter("YOURNAME") %>님, 방문해주셔서 감사합니다.</h2>
</body>
</html>
728x90
반응형
'코딩수업 > AWS 클라우드환경 네이티브' 카테고리의 다른 글
| 11/15 웹 제작 - 파일 업로드 만들기 (0) | 2022.11.15 |
|---|---|
| 10/26 JSP (0) | 2022.10.27 |
| 10/24 JSP의 요소 (0) | 2022.10.24 |
| 10/17~21 자습 (0) | 2022.10.24 |
| 10/11~14 1차 프로젝트 진행 (0) | 2022.10.05 |
댓글