코딩기록 저장소 🐕/JSP

JSP

kimkongmom 2023. 9. 14. 09:02

 

 

 

 

 

<!-- HTML 주석 : "소스 보기"에서 보인다. Java 관련 코드는 주석처리하지 못한다. -->
<%-- JSP 주석 : "소스 보기"에서 안 보인다. Java 관련 코드를 주석처리할 수 있다. --%>

 

 

지시어(directive) 


  1. page 지시어 : page 설정, Java import  
  2. include : 다른 페이지를 현재 페이지에 포함할 때 사용
  3. taglib : JSTL(Java Standard Tag Library)

 

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

 

 

 

 

JSP예제

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<%-- 스크립트릿(scriptlet) : Java 코드 --%>
 <% int a = 10; %>
 <% String name = "콩"; %>
 <% int age = 5; %>
 
 <%-- 표현식(expression) : Java 값(변수, 반환값이 있는 메서드 호출) --%>
 <div><%=a%></div>
 <div>이름 : <%=name%></div>
 <div>나이 : <%=age%></div>
 
 
 <%-- 선언부(declaration) : Java method 정의 --%>
 <%!
   // 0~9 사이의 난수를 반환하는 getRandom() 메서드 정의하기
   public int getRandom(){
    return(int)(Math.random() * 10);
  }
 %>
 <div>0~9 사이 난수 : <%=getRandom()%></div>
 
 <%-- 
    Java와 JavaScript의 관계 
    1. Java 변수를 JavaScript에서 사용할  있다.
    2. JavaScript 변수를 Java에서 사용할  없다.
 --%>
 
 <%-- Java 변수 선언 --%>
 <% String msg = "Hello World"; %>
 
 <%-- Java 변수를 JavaScript에서 사용하기 --%>
 <script>
  alert('<%=msg%>');
 </script>
 
 
 <%-- 연습2. getRandom() 호출 결과가 5이상이면   아니면 작은 수를 출력하기 --%>
 <%if(getRandom() >= 5){ %>
    <div>큰 수</div>
   <%} else { %>
   <div>작은 수</div>
 <% } %>
 
 <%-- 연습3. <select> 태그에 1월~12월까지 등록해서 출력하자. --%>
 <div>
 <select>
 <%for(int month = 1; month <= 12; month++){ %>
   <option value="<%=month%>"><%=month%></option>
 <% }%>
 </select>
 </div>
 
 <%-- 연습4. 현재 날짜를 yyyy-MM-dd 형식의 문자열로 반환하는 getToday() 메서드를 만들고 호출하자 --%>
 <%!
  public String getToday(){
   LocalDate today = LocalDate.now();
   DateTimeFormatter dtf = DateTimeFormatter.ofPattern("yyyy-MM-dd");
   return dtf.format(today);
 }
 %>
 <div>현재날짜 : <%=getToday() %></div>

cs

 

 

 

 

▶ 웹 페이지의 HTML, JavaScript, CSS 을 포함하는 예제

 

 

header.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<%@page import="java.util.Optional"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%
  request.setCharacterEncoding("UTF-8");
  Optional<String> opt = Optional.ofNullable(request.getParameter("title"));
  String title = opt.orElse("환영합니다");
  String ContextPath = request.getContextPath();
%>
<title><%=title%></title>
<script src="<%=ContextPath%>/resource/js/lib/jquery-3.7.1.min.js"></script>
<script src="<%=ContextPath%>/resource/js/header.js?dt=<%=System.currentTimeMillis()%>"></script>
<link rel="stylesheet" href="<%=ContextPath%>/resource/css/header.css?dt=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="<%=ContextPath%>/resource/css/main.css?dt=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="<%=ContextPath%>/resource/css/footer.css?dt=<%=System.currentTimeMillis()%>">
</head>
<body>
 
  <nav class="gnb">
    <div class="logo"></div>
    <ul>
      <li><a href="main1.jsp">정치</a></li>
      <li><a href="main2.jsp">경제</a></li>
      <li><a href="main3.jsp">사회</a></li>
    </ul>
  </nav>
cs

 

 

header.css

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
@charset "UTF-8";
 
body, nav, ul, li {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  a {
    text-decoration: none;
  }
  .gnb {
    padding-top: 50px;
    border-bottom: 1px solid gray;
  }
  .gnb .logo {
    text-align: center;
    padding: 10px 0;
  } 
  .gnb ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
  }
  .gnb li {
    width: 100px;
    height: 50px;
  }
  .gnb a {
    display: block;
    width: 100%;
    height: 100%;
    color: gray;
    text-align: center;
    line-height: 50px;
  }
  .gnb a:hover {
    color: crimson;
    
  }
cs

 

main.css

1
2
3
4
5
6
7
8
9
@charset "UTF-8";
 
.main {
  width: 1200px;
  margin: 0 auto;
}
.main h1 {
  text-align: center;
}
cs

 

 

footer.css

1
2
3
4
5
6
7
8
@charset "UTF-8";
 
.footer {
  margin-top: 20px;
  padding: 30px 0;
  border-top: 1px solid gray;
  text-align: center;
}
cs

 

 

본문을 모두 읽은 뒤 JavaScript를 수행할 수 있도록 load 이벤트 처리한다.
    방법1. window.onload = function(){}
    방법2. $(document).ready(function(){})
    방법3. $(function(){})

 

header.js

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 $(function(){
 
 
  $('.gnb a').mouseover(function(){
  $(this).css('background-color', 'silver');
  })
  $('.gnb a').mouseout(function(){
    $(this).css('background-color', '');
  })
  
  var img = new Image();
  $(img).attr('src', '/jsp/resource/assets/image/naver.png');
  $(img).css('width', '150px');
  $('.logo').html(img);
  
 })
 
cs

 

 

 

main1

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%@page import="java.net.URLEncoder"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
<% request.setCharacterEncoding("UTF-8"); %>
 
<jsp:include page="header.jsp">
  <jsp:param value="정치" name="title"/>
</jsp:include>
 
 
  <div class="main">
    <h1>정치</h1>
    <div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas neque urna. Ut a eros non enim malesuada porttitor quis et orci. Pellentesque quis orci turpis. Integer a enim vitae odio dapibus ullamcorper. Mauris cursus finibus posuere. Fusce rutrum sapien arcu, sit amet rutrum orci blandit et. Fusce eu efficitur nunc. Vestibulum malesuada sed diam a eleifend. Proin eget elementum elit.
 
Fusce nec dapibus libero. Sed semper posuere tellus at volutpat. In quam purus, dapibus non risus nec, sodales rhoncus libero. Aenean malesuada sit amet nisi non cursus. Sed suscipit lobortis euismod. Maecenas nisi lorem, cursus ut massa sit amet, molestie faucibus tortor. Vestibulum a turpis tortor. Sed at erat leo. Morbi id tortor ac turpis auctor rutrum laoreet ut elit. Integer consectetur nibh sed augue consectetur, rutrum placerat neque sollicitudin. Quisque ut orci laoreet dolor volutpat vehicula congue ac orci. Nunc eget purus vel tortor tincidunt ullamcorper. Nunc convallis, urna id tincidunt sagittis, risus tortor feugiat nulla, vel aliquam leo justo blandit ligula. Quisque felis libero, vulputate et arcu eget, finibus vehicula lorem. Aliquam sagittis, augue sit amet finibus consectetur, arcu turpis maximus est, sollicitudin tempor turpis orci nec diam.
 
Morbi fermentum felis nisi, congue consequat magna efficitur sit amet. Donec et commodo velit. Nullam nec magna mi. Curabitur eu urna eget arcu placerat ultricies non vel velit. Donec tempor, lectus non interdum tempus, leo magna dignissim justo, at vulputate lacus ante ut arcu. Donec a magna vehicula, aliquam velit a, lacinia ipsum. Donec iaculis nibh in erat ornare, non egestas est gravida.
 
Vivamus quis rhoncus lacus. Nulla volutpat ex vel finibus egestas. Maecenas dictum, mi eget semper fringilla, nibh tortor malesuada erat, quis ullamcorper lorem dui sit amet magna. Donec facilisis metus justo. Praesent leo lectus, faucibus a nunc vel, fringilla blandit purus. Mauris sit amet dui vitae metus venenatis elementum quis at lorem. Suspendisse in ante leo.
 
Donec a quam nec arcu dapibus sagittis. Nam lacinia laoreet neque ut elementum. Aenean ut mauris a leo maximus lobortis. Suspendisse tincidunt, tellus non viverra ultricies, nisi massa mattis enim, at ultrices arcu purus gravida lacus. Vestibulum sapien diam, placerat eget commodo et, lacinia ac arcu. Vivamus vel sagittis eros. Morbi bibendum ut leo ut pretium.
 
Sed ac tellus eu est lobortis cursus sed et ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin a faucibus eros, id efficitur diam. Duis pharetra ante facilisis blandit consequat. Nulla pulvinar vestibulum urna eu hendrerit. Nulla congue lectus non ipsum varius, id volutpat sapien luctus. Cras pulvinar nisi at maximus rutrum. Nulla laoreet nec ex eget vehicula. Proin laoreet lacus eget purus molestie, at lobortis purus accumsan. Donec eu nunc nec risus accumsan dignissim sed in diam. Nam venenatis odio erat, at elementum metus feugiat in. Nam eget felis tempor, elementum nisl id, cursus erat.
 
Duis ante nulla, accumsan id turpis et, blandit dignissim mi. Pellentesque faucibus vehicula posuere. Pellentesque quis nibh sodales, hendrerit nibh sit amet, aliquet ex. Integer eu vehicula eros. Sed bibendum, massa id sollicitudin dictum, nibh magna posuere elit, eget suscipit enim lorem eget lectus. Phasellus neque felis, rhoncus ac ornare sed, pulvinar faucibus eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed non eros blandit, pharetra orci in, rutrum odio. Duis accumsan ipsum a gravida faucibus. Nam tristique justo a ligula ultrices, quis condimentum mi tristique. Vivamus vitae magna nisl.
 
Proin sodales hendrerit ex. Donec imperdiet sem quis turpis viverra, quis convallis ante luctus. Suspendisse quis arcu tempus, euismod lorem bibendum, varius nisl. Aenean sit amet leo consequat, mollis est mattis, varius odio. Phasellus fringilla urna vitae gravida bibendum. Maecenas eget eleifend ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent tellus lacus, commodo sit amet risus eu, lobortis lacinia dolor. Cras et placerat augue, in faucibus mi. Cras ultrices lectus ut mi rhoncus viverra ut quis lorem. Sed congue pulvinar elit, vel dictum elit luctus eu.
 
Integer non nulla nec nisi pellentesque convallis. Vestibulum viverra consequat dolor non pharetra. Integer sed blandit nisl, eget finibus tellus. Duis ex mi, tristique nec accumsan vestibulum, vulputate vel diam. Fusce non nulla molestie, tempor nisl sit amet, euismod ex. Etiam velit urna, euismod vitae faucibus ac, fermentum nec erat. Phasellus vitae tellus sed ex congue vehicula sit amet et sapien. Aliquam eu feugiat orci. Fusce et massa ante. Ut vitae purus at lorem ultrices fringilla. Praesent nec urna leo.
 
Vestibulum a leo sollicitudin, vestibulum diam facilisis, feugiat eros. Suspendisse potenti. Duis eget consequat felis. Duis suscipit lectus eu erat imperdiet, sit amet lobortis massa scelerisque. Etiam lorem sapien, porttitor id porta ac, hendrerit vel nisl. Nam tincidunt a risus nec varius. Sed risus nulla, tincidunt in leo a, tincidunt convallis nibh. Quisque at vehicula augue.
    </div>
  </div>
  
 <%@ include file="footer.jsp"%>
cs

 

 

main2

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
<% request.setCharacterEncoding("UTF-8"); %>
 
<jsp:include page="header.jsp">
  <jsp:param value="경제" name="title"/>
</jsp:include>
  <div class="main">
    <h1>사회</h1>
    <div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas neque urna. Ut a eros non enim malesuada porttitor quis et orci. Pellentesque quis orci turpis. Integer a enim vitae odio dapibus ullamcorper. Mauris cursus finibus posuere. Fusce rutrum sapien arcu, sit amet rutrum orci blandit et. Fusce eu efficitur nunc. Vestibulum malesuada sed diam a eleifend. Proin eget elementum elit.
 
Fusce nec dapibus libero. Sed semper posuere tellus at volutpat. In quam purus, dapibus non risus nec, sodales rhoncus libero. Aenean malesuada sit amet nisi non cursus. Sed suscipit lobortis euismod. Maecenas nisi lorem, cursus ut massa sit amet, molestie faucibus tortor. Vestibulum a turpis tortor. Sed at erat leo. Morbi id tortor ac turpis auctor rutrum laoreet ut elit. Integer consectetur nibh sed augue consectetur, rutrum placerat neque sollicitudin. Quisque ut orci laoreet dolor volutpat vehicula congue ac orci. Nunc eget purus vel tortor tincidunt ullamcorper. Nunc convallis, urna id tincidunt sagittis, risus tortor feugiat nulla, vel aliquam leo justo blandit ligula. Quisque felis libero, vulputate et arcu eget, finibus vehicula lorem. Aliquam sagittis, augue sit amet finibus consectetur, arcu turpis maximus est, sollicitudin tempor turpis orci nec diam.
 
Morbi fermentum felis nisi, congue consequat magna efficitur sit amet. Donec et commodo velit. Nullam nec magna mi. Curabitur eu urna eget arcu placerat ultricies non vel velit. Donec tempor, lectus non interdum tempus, leo magna dignissim justo, at vulputate lacus ante ut arcu. Donec a magna vehicula, aliquam velit a, lacinia ipsum. Donec iaculis nibh in erat ornare, non egestas est gravida.
 
Vivamus quis rhoncus lacus. Nulla volutpat ex vel finibus egestas. Maecenas dictum, mi eget semper fringilla, nibh tortor malesuada erat, quis ullamcorper lorem dui sit amet magna. Donec facilisis metus justo. Praesent leo lectus, faucibus a nunc vel, fringilla blandit purus. Mauris sit amet dui vitae metus venenatis elementum quis at lorem. Suspendisse in ante leo.
 
Donec a quam nec arcu dapibus sagittis. Nam lacinia laoreet neque ut elementum. Aenean ut mauris a leo maximus lobortis. Suspendisse tincidunt, tellus non viverra ultricies, nisi massa mattis enim, at ultrices arcu purus gravida lacus. Vestibulum sapien diam, placerat eget commodo et, lacinia ac arcu. Vivamus vel sagittis eros. Morbi bibendum ut leo ut pretium.
 
Sed ac tellus eu est lobortis cursus sed et ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin a faucibus eros, id efficitur diam. Duis pharetra ante facilisis blandit consequat. Nulla pulvinar vestibulum urna eu hendrerit. Nulla congue lectus non ipsum varius, id volutpat sapien luctus. Cras pulvinar nisi at maximus rutrum. Nulla laoreet nec ex eget vehicula. Proin laoreet lacus eget purus molestie, at lobortis purus accumsan. Donec eu nunc nec risus accumsan dignissim sed in diam. Nam venenatis odio erat, at elementum metus feugiat in. Nam eget felis tempor, elementum nisl id, cursus erat.
 
Duis ante nulla, accumsan id turpis et, blandit dignissim mi. Pellentesque faucibus vehicula posuere. Pellentesque quis nibh sodales, hendrerit nibh sit amet, aliquet ex. Integer eu vehicula eros. Sed bibendum, massa id sollicitudin dictum, nibh magna posuere elit, eget suscipit enim lorem eget lectus. Phasellus neque felis, rhoncus ac ornare sed, pulvinar faucibus eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed non eros blandit, pharetra orci in, rutrum odio. Duis accumsan ipsum a gravida faucibus. Nam tristique justo a ligula ultrices, quis condimentum mi tristique. Vivamus vitae magna nisl.
 
Proin sodales hendrerit ex. Donec imperdiet sem quis turpis viverra, quis convallis ante luctus. Suspendisse quis arcu tempus, euismod lorem bibendum, varius nisl. Aenean sit amet leo consequat, mollis est mattis, varius odio. Phasellus fringilla urna vitae gravida bibendum. Maecenas eget eleifend ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent tellus lacus, commodo sit amet risus eu, lobortis lacinia dolor. Cras et placerat augue, in faucibus mi. Cras ultrices lectus ut mi rhoncus viverra ut quis lorem. Sed congue pulvinar elit, vel dictum elit luctus eu.
 
Integer non nulla nec nisi pellentesque convallis. Vestibulum viverra consequat dolor non pharetra. Integer sed blandit nisl, eget finibus tellus. Duis ex mi, tristique nec accumsan vestibulum, vulputate vel diam. Fusce non nulla molestie, tempor nisl sit amet, euismod ex. Etiam velit urna, euismod vitae faucibus ac, fermentum nec erat. Phasellus vitae tellus sed ex congue vehicula sit amet et sapien. Aliquam eu feugiat orci. Fusce et massa ante. Ut vitae purus at lorem ultrices fringilla. Praesent nec urna leo.
 
Vestibulum a leo sollicitudin, vestibulum diam facilisis, feugiat eros. Suspendisse potenti. Duis eget consequat felis. Duis suscipit lectus eu erat imperdiet, sit amet lobortis massa scelerisque. Etiam lorem sapien, porttitor id porta ac, hendrerit vel nisl. Nam tincidunt a risus nec varius. Sed risus nulla, tincidunt in leo a, tincidunt convallis nibh. Quisque at vehicula augue.
    </div>
  </div>
  
 <%@ include file="footer.jsp"%>
cs

 

 

main3

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8"); %>
<jsp:include page="header.jsp">
  <jsp:param value="경제" name="title"/>
</jsp:include>
  <div class="main">
    <h1>사회</h1>
    <div>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas neque urna. Ut a eros non enim malesuada porttitor quis et orci. Pellentesque quis orci turpis. Integer a enim vitae odio dapibus ullamcorper. Mauris cursus finibus posuere. Fusce rutrum sapien arcu, sit amet rutrum orci blandit et. Fusce eu efficitur nunc. Vestibulum malesuada sed diam a eleifend. Proin eget elementum elit.
Fusce nec dapibus libero. Sed semper posuere tellus at volutpat. In quam purus, dapibus non risus nec, sodales rhoncus libero. Aenean malesuada sit amet nisi non cursus. Sed suscipit lobortis euismod. Maecenas nisi lorem, cursus ut massa sit amet, molestie faucibus tortor. Vestibulum a turpis tortor. Sed at erat leo. Morbi id tortor ac turpis auctor rutrum laoreet ut elit. Integer consectetur nibh sed augue consectetur, rutrum placerat neque sollicitudin. Quisque ut orci laoreet dolor volutpat vehicula congue ac orci. Nunc eget purus vel tortor tincidunt ullamcorper. Nunc convallis, urna id tincidunt sagittis, risus tortor feugiat nulla, vel aliquam leo justo blandit ligula. Quisque felis libero, vulputate et arcu eget, finibus vehicula lorem. Aliquam sagittis, augue sit amet finibus consectetur, arcu turpis maximus est, sollicitudin tempor turpis orci nec diam.
Morbi fermentum felis nisi, congue consequat magna efficitur sit amet. Donec et commodo velit. Nullam nec magna mi. Curabitur eu urna eget arcu placerat ultricies non vel velit. Donec tempor, lectus non interdum tempus, leo magna dignissim justo, at vulputate lacus ante ut arcu. Donec a magna vehicula, aliquam velit a, lacinia ipsum. Donec iaculis nibh in erat ornare, non egestas est gravida.
Vivamus quis rhoncus lacus. Nulla volutpat ex vel finibus egestas. Maecenas dictum, mi eget semper fringilla, nibh tortor malesuada erat, quis ullamcorper lorem dui sit amet magna. Donec facilisis metus justo. Praesent leo lectus, faucibus a nunc vel, fringilla blandit purus. Mauris sit amet dui vitae metus venenatis elementum quis at lorem. Suspendisse in ante leo.
Donec a quam nec arcu dapibus sagittis. Nam lacinia laoreet neque ut elementum. Aenean ut mauris a leo maximus lobortis. Suspendisse tincidunt, tellus non viverra ultricies, nisi massa mattis enim, at ultrices arcu purus gravida lacus. Vestibulum sapien diam, placerat eget commodo et, lacinia ac arcu. Vivamus vel sagittis eros. Morbi bibendum ut leo ut pretium.
Sed ac tellus eu est lobortis cursus sed et ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin a faucibus eros, id efficitur diam. Duis pharetra ante facilisis blandit consequat. Nulla pulvinar vestibulum urna eu hendrerit. Nulla congue lectus non ipsum varius, id volutpat sapien luctus. Cras pulvinar nisi at maximus rutrum. Nulla laoreet nec ex eget vehicula. Proin laoreet lacus eget purus molestie, at lobortis purus accumsan. Donec eu nunc nec risus accumsan dignissim sed in diam. Nam venenatis odio erat, at elementum metus feugiat in. Nam eget felis tempor, elementum nisl id, cursus erat.
Duis ante nulla, accumsan id turpis et, blandit dignissim mi. Pellentesque faucibus vehicula posuere. Pellentesque quis nibh sodales, hendrerit nibh sit amet, aliquet ex. Integer eu vehicula eros. Sed bibendum, massa id sollicitudin dictum, nibh magna posuere elit, eget suscipit enim lorem eget lectus. Phasellus neque felis, rhoncus ac ornare sed, pulvinar faucibus eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed non eros blandit, pharetra orci in, rutrum odio. Duis accumsan ipsum a gravida faucibus. Nam tristique justo a ligula ultrices, quis condimentum mi tristique. Vivamus vitae magna nisl.
Proin sodales hendrerit ex. Donec imperdiet sem quis turpis viverra, quis convallis ante luctus. Suspendisse quis arcu tempus, euismod lorem bibendum, varius nisl. Aenean sit amet leo consequat, mollis est mattis, varius odio. Phasellus fringilla urna vitae gravida bibendum. Maecenas eget eleifend ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent tellus lacus, commodo sit amet risus eu, lobortis lacinia dolor. Cras et placerat augue, in faucibus mi. Cras ultrices lectus ut mi rhoncus viverra ut quis lorem. Sed congue pulvinar elit, vel dictum elit luctus eu.
Integer non nulla nec nisi pellentesque convallis. Vestibulum viverra consequat dolor non pharetra. Integer sed blandit nisl, eget finibus tellus. Duis ex mi, tristique nec accumsan vestibulum, vulputate vel diam. Fusce non nulla molestie, tempor nisl sit amet, euismod ex. Etiam velit urna, euismod vitae faucibus ac, fermentum nec erat. Phasellus vitae tellus sed ex congue vehicula sit amet et sapien. Aliquam eu feugiat orci. Fusce et massa ante. Ut vitae purus at lorem ultrices fringilla. Praesent nec urna leo.
Vestibulum a leo sollicitudin, vestibulum diam facilisis, feugiat eros. Suspendisse potenti. Duis eget consequat felis. Duis suscipit lectus eu erat imperdiet, sit amet lobortis massa scelerisque. Etiam lorem sapien, porttitor id porta ac, hendrerit vel nisl. Nam tincidunt a risus nec varius. Sed risus nulla, tincidunt in leo a, tincidunt convallis nibh. Quisque at vehicula augue.
    </div>
  </div>
  
 <%@ include file="footer.jsp"%>
cs

 

 

결과

 

첫화면

 

경제를 눌렀을 경우

'코딩기록 저장소 🐕 > JSP' 카테고리의 다른 글

JSP Lombok  (0) 2023.09.15
JSP 내장객체  (0) 2023.09.14
Servlet up_down⇅  (0) 2023.09.13
니가만든 Cookie🍪  (0) 2023.09.13
Servlet binding session  (0) 2023.09.13