🌏 WEB/📰 HTML

HTML 기초 - JSP

JSP의 특징

- JAVA + HTML

- 동적 웹 어플리케이션 컴포넌트

- .jsp 확장자

- HTML문서 안에 자바 언어가 있다

- jsp는 서블릿으로 변환되어 실행한다

- MVC 패턴에서 View로 이용된다

JSP의 태그

지시자 : 페이지 속성 <%@ 텍스트 %>

선언 : 변수, 메소드 선언 <%! 텍스트 %>

표현식 : 결과 값 출력 <%= 텍스트 %>

스크립트릿 : JAVA 코드 <% 텍스트 %>

주석 : <%-- 텍스트 --%>

액션 태그 : 페이지 내에 동작 지시 <jsp: > 텍스트 </jsp: >

// gugudan.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<%
		//   초기값 ; 조건값 ; 증감값
		for(int i=1 ; i<10 ; i++){
			out.print("2 x " + i + "=" + (2*i) + "<br>");
		}
	%>

</body>
</html>

// gugudan.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<%
		String gugudan = request.getParameter("gugudan");
		int gugudanInt = Integer.parseInt(gugudan);
		//   초기값	; 조건값 ; 증감값
		for(int i=1 ; i<10 ; i++){
			out.print(gugudanInt + " x " + i + "=" + (gugudanInt*i) + "<br>");
		}
	%>
	
</body>
</html>

//gugudan-form.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<h1>구구단 확인</h1>
	<form action="gugudan.jsp" method="get">
		몇단? : <input type="text" name="gugudan" >
		<input type="submit" value="확인">
	</form>
</body>
</html>

1. 클라이언트 요청 : http://localhost:9090/html/gugudan-form.jsp URL 요청

2. 서버 : gugudan-form.jsp 찾음

3. gugudan-form.jsp html 문서(코드) 응답으로 줌

4. 클라이언트 요청 ( 값 입력 후 확인 버튼 클릭 ) : form 태그로 서버에 요청

5. 서버 : gugudan.jsp 찾음 - request에 gugudan 변수 값을 가져감 - gugudan.jsp 동작 ( 동적페이지 ) 후 응답

- gugudan.jsp html 문서(코드)로 응답을 줌

저작자표시 비영리 동일조건

'🌏 WEB > 📰 HTML' 카테고리의 다른 글

HTML 기초 - 세션 (0)	2022.06.15
HTML 기초 - 쿠키 (0)	2022.06.15
HTML 기초 - CSS (0)	2022.06.15
HTML 기초 - 로그인 창 (0)	2022.06.15
HTML 기초 (0)	2022.06.15

Contents

새소식

인기 검색어

HTML 기초 - JSP

'🌏 WEB > 📰 HTML' 카테고리의 다른 글

당신이 좋아할만한 콘텐츠

티스토리툴바