choice blog

엑셀 다운로드시 날짜 형식의 데이터가 포함되어 있었다.

뷰에서는 YYYY-MM-DD hh:mm (2022-10-20 08:41)으로 잘 보여졌는데, 같은 데이터를 엑셀 다운로드 한 결과 yyyy-mm-dd h:mm (2022-10-20 8:41) 형식으로 보여지고 있었다.

구글링은 해보던 중 mso-number-format를 알게 되었고, mso-number-format형식 중 날짜형식 포맷 방법을 찾아 보았다.

하지만, 내가 원하는 포맷 방식은 나오지 않았다.

반나절을 고민.... 또 고민.

결론적으론 날짜서식을 문자열서식으로 포맷해주었더니 원하는 방식으로 잘 출력된다!!

mso-number-format 은 style에 지정해주면 된다!!

<td style='mso-number-format: \"@\";'>2022-10-20 08:46</td>

EL Tag(Expression Language) :  web 부분에서 java와 혼용하지 않기 위한 태그

형식 :  ${ 값, 연산식 }   

EL Tag와 Java 비교 사용 예시

<% // Java
   String str1 = "hello";
   request.setAttribute("_str", str1);
   String s = (String)request.getAttribute("_str");      /* 짐싸 */
%>
str1 = <%=s %>

<% // EL
   String str2 = "hi";
   request.setAttribute("_str", str2);
%>
str2 = ${ _str }

Java는 표현식(<%= %>)을 사용하여 value를 불러온다. (java는 getAttribute필요)

EL tag는 setAttribute에서 바로 value를 꺼내올 수 있다.

<%='값' %>
<br>
${ '값' }
<br>
${ 2 + 3 }

EL tag : empty 사용예시

<%
Object obj = new String("world");
if(obj != null) {
%>
   <p>obj는 null이 아닙니다</p>
<%
}
%>

<%
   request.setAttribute("world", obj);
%>
obj = ${ empty world }     <!-- false -->
<br>
obj = ${ not empty world } <!-- true -->

empty : boolean형 반환 obj가 비었니? 안비었니?

Java class 예시

package dto;

import java.io.Serializable;

public class MemberDto implements Serializable{

   private String message;
   
   public MemberDto() {
   }

   public String getMessage() {
      return message;
   }

   public void setMessage(String message) {
      this.message = message;
   }
   
}

<%
MemberDto dto = new MemberDto();
dto.setMessage("hello EL");

request.setAttribute("mem", dto);
%>

message:<%=dto.getMessage() %>
<br>
message:${ mem.message }

EL tag는 무조건 setAttribute를 거쳐야한다.

<%
	List<MemberDto> mlist = new ArrayList<>();

	MemberDto m = new MemberDto();
	m.setMessage("안녕");
	mlist.add(m);
	
	m = new MemberDto();
	m.setMessage("하이");
	mlist.add(m);
%>

<%=mlist.get(0).getMessage() %>
<br>

<%	
	request.setAttribute("mlist", mlist);
%>

${ mlist[1].message }
<br><br>
<input type="text" value="${ mlist[1].message }">
<p>${ mlist[1].message }</p>

배열 value 가져오는 예시

<%
   String array[] = { "hello", "world" };
   request.setAttribute("array", array);
%>

<%=array[0] %>
<br>
${ array[0] }
<br>
${ array[1] }

List value 가져오는 예시

<%
   List<String> list = new ArrayList<>();
   list.add("Tiger");
   list.add("Lion");
%>
<%=list.get(1) %>

<%
   request.setAttribute("mylist", list);
%>
<br>
${ mylist[1] }

Core Tag : 변수나 제어문을 사용할 수 있게 해주는 태그

Core Tag 사용시 jstl-1.2.jar, standard-1.1.2.jar파일이 있어야 한다.

• jstl-1.2.jar 다운로드 : https://mvnrepository.com/artifact/javax.servlet/jstl/1.2
• standard-1.1.2.jar 다운로드 : https://mvnrepository.com/artifact/taglibs/standard/1.1.2

Core Tag는 필히 page지시문에 jstl선언해주어야한다.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

Core Tag와 Java 비교 사용예시

<%
   String data = "Core tag 입니다";
   request.setAttribute("_data", data); // 왼 : EL , 오: JAVA
%>

${ _data }      <!-- EL -->
<br>

<c:set var="_data" value="Core tag 입니다"/>
<!-- 위와 동일 -->
<c:out value="${ _data }"></c:out>
<br><br>

<!-- if -->
<%
	request.setAttribute("count", "10");
%>

<%
	String scount = (String)request.getAttribute("count");
	int count = Integer.parseInt(scount);
	if(count >= 10){
%>
	<p>count : <%=count %></p>
<%}%>


<!-- core tag는 자동으로 숫자로 해준다? -->
<c:if test="${count >= 10}">
	<p>count : <c:out value="${count}"></c:out>
	<p>count : ${count}</p>
</c:if>

<%
	request.setAttribute("name", "홍길동");
%>
<%
	String name = (String)request.getAttribute("name");
	if(name.equals("홍길동")){
%>
	<p>이름 : <%=name %></p>
<%} %>


<c:if test="${name == '홍길동' }">
<%-- <c:if test="${name eq '홍길동'}"> --%>
	<p>이름 : ${name}</p>
</c:if>


<!-- for -->
<%
	for(int i = 0; i < 10; i++){
%>
	<p><%=i %></p>
<%} %>

<!-- varStatus="i" : 밖으로 나가는 값 -->
<c:forEach begin="0" end="9" step="1" varStatus="i">
	<p>${i.index}</p>
</c:forEach>

<br><br>


<%
   List<MemberDto> list = new ArrayList<>();
   
   MemberDto dto = new MemberDto();
   dto.setMessage("hello");
   list.add(dto);
   
   dto = new MemberDto();
   dto.setMessage("world");
   list.add(dto);
   
   request.setAttribute("mylist", list);
%>
<%-- 데이터만 다 돌리고 싶을땐 :  var="mem" items="${mylist}" 이것만 있으면 된다. --%>
<c:forEach begin="0" end="1" var="mem" items="${mylist}" varStatus="i">
   <p>index:${i.index} data:${mem.message}</p>
</c:forEach>

내장객체 이동성 메서드 종류 

response.sendRedirect()

pageContext.forward()

우선 java class를 선언하겠다.

package test;

public class TestClass {
	private String text;
	
	public TestClass() {}

	public TestClass(String text) {
		super();
		this.text = text;
	}
	public String getText() {
		return text;
	}
		this.text = text;
	}
}

위 class는 String text의 setter와 getter 그리고 파라미터로 text를 받는 생성자만 넣은 간단한 class이다.

위 코드의 생성자 파라미터를 받아 이동하여 페이지에 출력해주는 예제를 들어보겠다.

sendRedirect 예시

<%@page import="test.TestClass"%>
<%@ 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>
<%
TestClass cls = new TestClass("send");
session.setAttribute("test", cls);
// 위와 동일
// request.getSession().setAttribute("test", cls);

response.sendRedirect("send_ex2.jsp");
%>
</body>
</html>

send_ex2.jsp 예시

<%@ page import="test.TestClass" %>
<%@ 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>
<%
TestClass cls = (TestClass)session.getAttribute("test");
%>

<h3>TestClass 넘어온 Text : <%=cls.getText() %></h3>
</body>
</html>

설명

session.setAttribute에 값을 저장

response.sendRedirect로 이동한다.

sendRedirect는 request.setAttribute로 값을 저장하여 가지고 갈 수 없다.

session.setAttribute(String name, Object value) 

첫 번째 파라미터 찾을 이름, 두 번째 인수에 객체명을 지정한다.

session.getAttribute(String name)

파라미터에 setAttribute에 지정해놓은 찾을 이름을 지정한다.Object로 넘어오기 때문에 형변환은 필수이다.

실행화면

forward 예시

<%@page import="test.TestClass"%>
<%@ 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>
<%
TestClass cls = new TestClass("forward");
request.setAttribute("test", cls);

pageContext.forward("forward_ex2.jsp");
// 위와 동일
// request.getRequestDispatcher("forward_ex2.jsp").forward(request, response); 
%>
</body>
</html>

forward_ex2.jsp 예시

<%@page import="test.TestClass"%>
<%@ 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>
<%
TestClass cls = (TestClass)request.getAttribute("test");
%>

<h3>TestClass 넘어온 Text : <%=cls.getText() %></h3>
</body>
</html>

설명

request.setAttribute에 값을 저장 

pageContext.forward로 이동한다.

request.setAttribute(String name, Object value) 

첫 번째 파라미터 찾을이름, 두 번째 인수에 객체명을 지정한다.

request.getAttribute(String name)

파라미터에 setAttribute에 지정해놓은 찾을 이름을 지정한다.

Object로 넘어오기 때문에 형변환은 필수이다.

실행화면

session.setAttribute와 request.setAttribute의 차이점

session은 저장을 해서 가져가는 것이기 때문에 request에 비해 무겁다.

request는 단타성, 일회성이다.

form tag 사용하여 입력값 넘기기

데이터를 넘기는 jsp 예시1

<%@ 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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form action="insertAf.jsp">

아이디&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" id="id" name="id" size="20" placeholder="id입력"><br>
패스워드&nbsp;&nbsp;
<input type="password" id="pwd" name="pwd" size="20" placeholder="pw입력"><br><br>

취미<br> <!-- id접근법 확인  -->
<input type="checkbox" id="hobby1" name="hobby" value="잠자기">잠자기
<input type="checkbox" id="hobby2" name="hobby" value="노래하기">노래하기
<input type="checkbox" id="hobby3" name="hobby" value="게임하기">게임하기<br><br>

연령대
<input type="radio" id="age" name="age" value="10대" checked="checked">10대
<input type="radio" id="age" name="age" value="20대">20대
<input type="radio" id="age" name="age" value="30대">30대
<input type="radio" id="age" name="age" value="40대">40대
<input type="radio" id="age" name="age" value="50대">50대
<input type="radio" id="age" name="age" value="60대 이상">60대 이상<br><br>

기타 하고싶은 말<br>
<textarea rows="10" cols="30" id="massage" name="massage"></textarea><br>

<input type="submit" value="전송">
<input type="reset" value="취소">

</form> 
</body>
</html>

설명

submit 버튼을 누르게 되면 insertAf.jsp로 이동하게 된다.

실행화면

데이터를 넘기는 jsp 예시 2

.. 위 예시와 동일 ..
<body>

<form id="frm">
.. 위 예시와 동일 ..
<textarea rows="10" cols="30" id="massage" name="massage"></textarea><br>

<button type="button" id="send">전송</button>
</form>
<script type="text/javascript">
$(document).ready(function(){
	$("#send").click(function(){
		
		if($("#id").val() == ''){
			alert("id를 입력해주세요");
			return;
		}
		$("#frm").attr("action", "insertAf.jsp"); // attribute setting
		$("#frm").submit();
	});
});
</script>

설명

send를 클릭할 경우 form의 action 속성을 추가하고, 값으로 연결할 jsp파일명.jsp를 넣는다.

submit()를 호출하여 전송한다.

submit()

form tag의 전송 이벤트 함수이다.

실행화면

데이터를 받는 jsp예시(insertAf.jsp)

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

<%
String id = request.getParameter("id");
String pwd = request.getParameter("pwd");
String hobby[] = request.getParameterValues("hobby");

String age = request.getParameter("age");
String massage = request.getParameter("massage");

out.println("id : "+ id +"<br>");
out.println("pwd : "+ pwd +"<br>");
if(hobby != null && hobby.length > 0){
	for(int i = 0; i < hobby.length; i++){
		out.println("hobby : "+ hobby[i] +"<br>");
	}
}
out.println("age : "+ age +"<br>");
out.println("massage : "+ massage +"<br>");
%>    
    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

설명

내장함수 설명 글로 설명은 대체하겠다.

• 내장함수 설명 글 : https://chlee21.tistory.com/149

실행화면

테이블을 사용하여 구구단 작성하기

(새로고침 시 테이블의 행과 열이 증가해가는 페이지)

<%@ 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>
<%!	int size = 0; %>
<%	size++; %>

<table border="1">
	<% for(int i=1; i<size; i++){ %>
	<tr>
		<% for(int j=1; j<size; j++){ %>
			<td><%=i %>x<%=j %>=<%=i*j %>
		<% } %>
	</tr>
	<% } %>
</table>
</body>
</html>

설명

새로고침 할 때마다 증가를 시켜주기 위해선 전역변수를 잡아 주고 scriptlet에서 값을 증가 시켜준다.

table을 잡아주고 이중for문을 사용하는데 이때 i는 size보다 작아야 한다.(size는 새로고침 시마다 1씩 증가한다.)

td tag에 구구단을 넣기 위해 표현식을 사용한다.

변수 선언 후 페이지 새로고침 될 때마다 1씩 값 증가시키기

<%@ 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>

<%! int num; %>
<%  num++;   %>
<h3>num : <%=num %></h3>

</body>
</html>

아주 간단한 문제이다.

선언부에 전역변수를 선언 후

scriptlet에서 변수를 증가시켜준다.

JSP(Java Server Page)란 ?

Server(web)를 통해서 Client form(document form (== 웹브라우저 전체))을 만들어 내는 코드이다.

Html안에 Java코드 사용한다. (Html과 Java가 섞여서 가독성이 좋지 못하다.)

Client에게 요청이 오면 Web Server를 거쳐 Web container에 들어가서 jsp파일이나 html파일에서 데이터를 찾아서 반환한다.

JSP 기본 문법 정리

내장(암시)객체

new(생성)을 하지 않고 바로 사용이 가능한 객체를  의미합니다.

자주 사용하는 내장객체 / 메소드 정리