SW 다이어리

[0407][SPRING] 프레임워크, 스프링 IDE, Maven 설치 및 환경설정

Feels_Good — Wed, 7 Apr 2021 17:12:48 +0900

1. 프레임워크(Framework)

구조가 있고 구조를 기준으로 이미 준비 된 라이브러리를 사용하거나 추가해서 사용 할 수 있다.

아키텍처를 가지고 있는 골격 - 채워나가는 방법을 배우고 사용

개발이 빠르다 (반복 구간을 없애고, 필수 기능은 캡슐화 제공)

쉬운 관리 (유지보수 비용, 개발 비용이 저렴)

검증 된 아키텍처의 재사용과 일관성 유지 -> 표준화

신규 개발시에도 표준화 된 프레임워크를 사용하면 빠른 속도로 개발 가능.

Spring, Strurs2, Struts, Django[MVT] => MVC 기반

Struts2(Interceptor, Aware), Spring(loc & DI, AOP) => 모델 기반의 Proxy

■ spring framework는 Enterprise Application에서 필요로 하는 기능을 제공하는 오픈 소스 프레임워크다.

■ spring framework는 평범한 자바객체(POJO : Plain Old Java Object)를 이용해서 단순하고, 테스트하기 쉬우며, 객체간의 결합이 느슨한 Enterprise Application 개발이 가능하도록 지원한다.

■ spring framework의 특징

∎ 스프링은 자바객체를 담고 있는 경량의 컨테이너다. 이들 자바객체의 생성 소멸과 같은 라이프사이클을 관리한다.

∎ 스프링은 의존성 주입(Dependency Injection)을 지원한다.

∎ 스프링은 관점지향 프로그래밍(Aspect Oriented Programming)을 지원한다.

∎ 스프링은 POJO(Plain Old Java Object)를 지원한다.

∎ 스프링은 트랜잭션 처리를 위한 일관된 방법을 제공하며, 설정파일을 통해 트랜잭션 관련정보를 선언적으로 정의할 수 있다.

∎ 스프링은 다양한 ORM(Object-Relation Mapping)툴과의 연동을 지원한다.

∎ 스프링은 Enterprise Application개발에 필요한 다양한 API를 지원한다.

■ spring framework의 모듈

∎ Spring Core : spring framework의 핵심기능인 의존성 주입기능을 지원하는 모듈이다.

∎ Spring Context : Spring Core에서 지원하는 기능 외의 추가적인 기능을 지원하고, jndi연결이나 ejb연계를 위한 Adapter를 제공하는 모듈이다.

∎ Spring Web : Web Application개발에 적합한 Web Application Context를 제공하며, Mulitpart 요청을 처리할 수 있다. Struts와 같은 다른 프레임워크와의 연동을 지원한다.

∎ Spring DAO : jdbc를 기반으로 DAO클래스 개발할 때 연결취득, statement 생성, ResultSet 처리, 연결 끊기 등의 반복적인 작업을 줄일 수 있는 템플릿 기반의 클래스를 제공한다.

∎ Spring ORM : ORM(Object-Relation Mapping)툴과의 연동을 지원하는 모듈이다.

∎ Spring AOP : 관점지향 프로그래밍을 지원하는 모듈이다.

∎ Spring MVC : Model-View-Controller 기반의 웹 어플리케이션 개발을 지원하는 모듈이다.

스프링 IDE 설치 및 환경설정

01234567891011121314

01234567

012345678910

Maven 설정

MyHelloBean.java

package ex2.bean;

// Spring Container에 등록 할 Bean
// xml로 기입
// 패키지를 통째로 scan 하는 방법
// 자동으로 묶어주는 방법.. 등등
public class MyHelloBean {
	
	private String msg;

	public MyHelloBean() {
		System.out.println("MyHelloBean 생성자 호출!");
	}

	public void setMsg(String msg) {
		this.msg = msg;
	}
	
	public String message() {
		return msg + " ^__________^";
	}
}

myHello.jsp

<%@page import="ex2.bean.MyHelloBean"%>
<%@page import="org.springframework.context.support.GenericXmlApplicationContext"%>
<%@page import="org.springframework.context.ApplicationContext"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%--
	spring 환경을 사용하면 기본적으로 모든 객체가 싱글톤으로 관리가 된다.
	(싱글톤 레지스트리에 등록)
	스프링의 xml로 관리하는 방법
	- xml에 관리 될 bean 객체를 등록하고
	   해당 xml을 인자로 등록해서 스프링 컨테이너를 생성하면 자동으로 객체가 싱글톤으로 생성된다.
 --%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>myHello.jsp</title>
</head>
<body>
<%
	// Spring Container를 생성한다.
	ApplicationContext ctx = new 
		GenericXmlApplicationContext("ex2/bean/myhello.xml");
	// 원하는 bean의 주소를 얻어오기
	MyHelloBean ref = ctx.getBean("mybean", MyHelloBean.class);
	MyHelloBean ref2 = ctx.getBean("mybean", MyHelloBean.class);
	
%> <%=ref.message() %><br>
<%= ref == ref2 %><br>
<%= ref %><br>
<%= ref2 %><br>
</body>
</html>

[0406][JSP] MyBatis 구조 이해

Feels_Good — Tue, 6 Apr 2021 19:54:10 +0900

- MyBatis 제작 순서

1) www.mybatis.org 에 가서 라이브러리를 다운 받고 압축을 해제하고 프로젝트 안에 저장한다.

2) 테이블을 만들고 vo 클래스를 만든다.

3) context.xml을 만든다.

4) MyBatis의 핵심 환경설정인 config.xml을 문서를 보면서 제작한다.

5) config.xml을 작성시에 configuration에 맞는 DTD를 작성후 환경설정

<!DOCTYPE configuration
  PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-config.dtd">
  <configuration>
	<environments default="">
		<environment id="">
			<transactionManager type="JDBC" />
			<dataSource type="JNDI">
				<property name="data_source"
					value="java:comp/env/jdbc/myora" />
			</dataSource>
		</environment>
	</environments>
</configuration>

6) mapper.xml을 작성해서 SQL문 문법에 맞게 입력한다.

이때 mapper에 해당하는 DTD를 작성한다.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="board">
<insert id="add" parameterType="vo.BoardVO">
insert into board values(board_seq.nextVal, #{title}, #{writer}, #{content}, #{pwd}, 0, sysdate)
</insert>
</mapper>

7) config.xml에서 mapper를 연결한다.

8) config.xml을 관리하는 SqlSessionFactory 객체를 생성하는 클래스를 작성한다.

public class FactoryService {
	private static SqlSessionFactory factory;
	
	static {
		try {
			Reader reader = Resources.getResourceAsReader("config/config.xml");
			// SqlSessionFactory를 생성해서 줘야 되기 때문에 Reader로 읽어온
			// 환경설정파일을 기준으로 SqlSessionFactoryBuilder()를 사용해서 생성한 것.
			factory = new SqlSessionFactoryBuilder().build(reader);
			reader.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	// 클라이언트가 SqlSessionFactory를 받아서 SqlSession이란
	// 클래스로 사용 할 수 있도록 SqlSessionFactory를 반환하는 메서드를 정의
	public static SqlSessionFactory getFactory() {
		return factory;
	}
}

9) Dao에 SqlSessionFactory로부터 Sqlsession을 얻어서 해당 작업을 완료한다.

Sqlsession 생성 한 후 insert, delete, update, selectList:<List>, selectone:Object

ex) Dao에서 ss.insert("board.add". vo); 라면 ===> boardMapper.xml 안에

<insert="add" parameterType="vo.BoardVO">

게시판 기능 mybatis로 만들기

1) boardMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="board">
<insert id="add" parameterType="vo.BoardVO">
	insert into board values(board_seq.nextVal, #{title}, #{writer}, #{content}, #{pwd}, 0, sysdate)
</insert>
<select id="list" resultType="vo.BoardVO">
	select no, title, writer, hit, regdate from board order by 1 desc
</select>
<update id="hit" parameterType="int">
	update board set hit = hit + 1 where no = #{no}
</update>
<select id="detail" parameterType="int" resultType="vo.BoardVO">
	select no, title, writer, content, pwd, hit, regdate from board where no = #{no}
</select>
<select id="pwdChk" parameterType="vo.BoardVO" resultType="int">
	select count(*) as cnt from board where no = #{no} and pwd = #{pwd}
</select>
<delete id="del" parameterType="int">
	delete board where no = #{no}
</delete>
<update id="update" parameterType="vo.BoardVO">
	update board set title=#{title}, content=#{content} where no=#{no}
</update>
<!-- 
	Dao에서 selectList()호출하면 무조건 List 저장해서 반환한다.
	type="hashmap" List의 제네릭 자료형은 hashmap => List<Map<String,String>>
	type="vo" List의 제네릭 자료형은 vo => List<VO>
 -->

<resultMap type="hashmap" id="myMap">
	<id column="no" property="no"/>
	<result column="title" property="title"/>
</resultMap>
<select id="list2" resultMap="myMap">
	select no, title, writer, hit, regdate from board order by 1 desc
</select>
</mapper>

2) config.xml

  <mappers>
	<mapper resource="mapper/boardMapper.xml"/>
  </mappers>

3) BoardDao

package dao;

import java.util.List;
import java.util.Map;

import org.apache.ibatis.session.SqlSession;

import service.FactoryService;
import vo.BoardVO;

public class BoardDao {
	private static BoardDao dao;

	public BoardDao() {
	}

	public synchronized static BoardDao getDao() {
		if (dao == null)
			dao = new BoardDao();
		return dao;
	}
	
	// 게시물 추가
	public void insert(BoardVO vo) {
		SqlSession ss = FactoryService.getFactory().openSession(true);
		// 호출
		ss.insert("board.add", vo);
		// 반드시 commit 해야한다.
		// ss.commit(); openSession(true); 동일
		ss.close(); // 세션 사용후 반드시 닫아줘야한다.
	}
	
	// 게시물 조회 
	public List<BoardVO> list(){
		SqlSession ss = FactoryService.getFactory().openSession();
		// mapper 인 member.xml에 네임스페이스와 id를 호출
		List<BoardVO> list = ss.selectList("board.list");
		ss.close();
		return list;
	}

	// 게시물 조회 
	public List<Map<String, String>> list2(){
		SqlSession ss = FactoryService.getFactory().openSession();
		// mapper 인 member.xml에 네임스페이스와 id를 호출
		List<Map<String, String>> list = ss.selectList("board.list2");
		ss.close();
		return list;
	}
	
	//조회수 증가 : update board set hit = hit + 1 where no=?
	public void hit(int no){
		SqlSession ss = FactoryService.getFactory().openSession(true);
		ss.update("board.hit", no);
		ss.close();
	}

	//상세정보 조회
	public BoardVO info(int no){ 
		SqlSession ss = FactoryService.getFactory().openSession();
		BoardVO vo = ss.selectOne("board.detail", no);
		ss.close();
		return vo;
	}
	
	// 게시물 수정
	public void update(BoardVO vo){
		SqlSession ss = FactoryService.getFactory().openSession(true);
		ss.update("board.update", vo);
		ss.close();
	}

	//게시물 삭제
	public void delete(int no){
		SqlSession ss = FactoryService.getFactory().openSession(true);
		ss.delete("board.del", no);
		ss.close();
	}
	
	// 패스워드 확인
	public int pwdCheck(BoardVO vo){
		SqlSession ss = FactoryService.getFactory().openSession();
		int cnt = ss.selectOne("board.pwdChk", vo);
		ss.close();
		
		return cnt;
	}

}

[0401][JSP] 로그인 세션 , 파일 업로드 구현 하기

Feels_Good — Thu, 1 Apr 2021 17:22:41 +0900

로그인 세션 , 파일 업로드 구현 하기

HttpSession 객체

■ HTTP 프로토콜은 무상태(stateless) 연결 프로토콜이다.

■ 클라이언트가 서버와 연결을 맺고, 요청을 보낸 뒤, 서버가 요청을 처리한 후

응답을 보내면 클라이언트와 서버 사이의 연결은 끊어진다.

■ 서버에서 클라이언트의 정보를 유지하기 위하여 HttpSession 객체를 사용한다.

■ HttpSession의 동작 원리

1) 클라이언트의 요청 접수

2) 클라이언트의 정보를 저장 할 HttpSession 객체를 생성, 고유 id가 부여된다.

3) HttpSession 객체 안에 클라이언트의 정보를 저장, key, value 저장.

4) 고유한 id값을 응답에 넣어서 클라이언트에게 보낸다.

5) 클라이언트는 다음 번 요청부터 고유한 id 값을 서버로 전송한다.

- 서버는 id에 해당하는 HttpSession 객체를 찾아서 요청을 처리한다.

속성(Attribute)과 스코프(Scope)

■ 속성(Attribute)은 PageContext, HttpServletRequest, HttpSession, ServletContext

객체 중 하나에 설정해놓은(binding해놓은)객체를 말한다.

■ 속성은 이들 객체에 Map 인스턴스와 마찬가지로 이름/값의 쌍으로 저장되어 진다.

■ 각각의 객체에 저장된 속성들은 서로 다른 생존범위(Scope)를 가진다.

ScopeDemo

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	// 속성(Attribute)와 스코프(scope) 마무리
	pageContext.setAttribute("pageAtt", "김길동");
	request.setAttribute("reqAtt", "010-1233-5677");
	session.setAttribute("sesAtt", "gildong@naver.com");
	application.setAttribute("appAtt", "kosmo");
	// 직접 해보기 second.jsp로 forward 시켜보기
	System.out.println(pageContext.getAttribute("pageAtt"));
/*  	RequestDispatcher rd = request.getRequestDispatcher("second.jsp");
	rd.forward(request, response);  */
	// 리다이렉트로 보내기
	//response.sendRedirect("second.jsp");
%>
<%-- <jsp:forward page="second.jsp"/> JSP에서 포워드(forward) 보내기 --%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>first.jsp</title>
<%-- <script>
	location = "second.jsp";	// 리다이렉트
</script> --%>
</head>
<body>
	<h2>JSP</h2>
	<a href="second.jsp">이동</a> <%-- 사용자에게 입력 받아서 이동 --%>
	<ul>
		<li>이름 : <%=pageContext.getAttribute("pageAtt") %></li>
		<li>전번 : <%=request.getAttribute("reqAtt") %></li>
		<li>메일 : <%=session.getAttribute("sesAtt") %></li>
		<li>회사 : <%=application.getAttribute("appAtt") %></li>
	</ul>
	<h2>EL</h2>
	<ul>
		<li>이름 : ${pageAtt}</li>
		<li>전번 : ${reqAtt}</li>
		<li>메일 : ${sesAtt}</li>
		<li>회사 : ${appAtt}</li>
	</ul>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>second.jsp</title>
</head>
<body>
<h1>Second.jsp</h1>
	<h2>JSP</h2>
	<ul>
		<li>이름 : <%=pageContext.getAttribute("pageAtt") %></li>
		<li>전번 : <%=request.getAttribute("reqAtt") %></li>
		<li>메일 : <%=session.getAttribute("sesAtt") %></li>
		<li>회사 : <%=application.getAttribute("appAtt") %></li>
	</ul>
	<h2>EL</h2>
	<ul>
		<li>이름 : ${pageScope.pageAtt}</li>
		<li>전번 : ${requestScope.reqAtt}</li>
		<li>메일 : ${sessionScope.sesAtt}</li>
		<li>회사 : ${applicationScope.appAtt}</li>
	</ul>
</body>
</html>

멤버전용 게시판 만들기

SQL 문

CREATE TABLE member_board
(
  board_num 		NUMBER 		NOT NULL,
  board_id 		VARCHAR2(50),
  board_subject 		VARCHAR2(100),
  board_content 		VARCHAR2(2000), -- clob : 텍스트 저장 (4만자 가량)
  board_file 		VARCHAR2(100), -- blob : 파일 자체를 저장 (주로 클라에서)
  Board_re_ref 		NUMBER,
  Board_re_lev 		NUMBER,
  Board_re_seq 		NUMBER,
  Board_count 		NUMBER,
  Board_date		DATE,
  BOARD_PARENT     	NUMBER,              
  CONSTRAINT PK_Member_Board PRIMARY KEY(board_num),
  constraint pk_board_id foreign key(board_id)
 REFERENCES MEMBER(id)
);

create sequence member_board_seq
increment by 1
start with 1;

VO 만들기

package vo;

public class MemberBoardVO {
	private int board_num;			// 글 번호
	private String board_id;		// 글 작성자
	private String board_subject;	// 글 제목
	private String board_content;	// 글 내용
	private String board_file;		// 첨부파일 이름
	private int board_re_ref;		// 글 그룹번호
	private int board_re_lev;		// 답변글 깊이
	private int board_re_seq;		// 답변글 순서
	private int board_count;		// 글 조회수
	private String board_date;		// 글 작성일
	private int board_parent;		// 부모글 번호
	
	public int getBoard_num() {
		return board_num;
	}
	public void setBoard_num(int board_num) {
		this.board_num = board_num;
	}... // 아래에 모든 멤버 변수의 getter, setter 
}

Dao 만들기

public class MyBoardDao {
	private static MyBoardDao dao;

	public MyBoardDao() {}

	public static synchronized MyBoardDao getDao() {
		if (dao == null) dao = new MyBoardDao();
		return dao;
	}
	
	public void boardInsert(MemberBoardVO vo) {
		StringBuffer sb = new StringBuffer();
		sb.append("insert into member_board (board_num, board_id,");
		sb.append("board_subject, board_content, board_file, Board_date)");
		sb.append(" values(member_board_seq.nextVal, ?, ?, ?, ?, sysdate)");
		Connection con = null;
		PreparedStatement pstmt = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sb.toString());
			pstmt.setString(1, vo.getBoard_id());
			pstmt.setString(2, vo.getBoard_subject());
			pstmt.setString(3, vo.getBoard_content());
			pstmt.setString(4, vo.getBoard_file());
			pstmt.executeUpdate();
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			ClosedObj.autoCloseObj(con, pstmt);
		}
	}
}

[0326][Web-JSP] Model 1 방식으로 만드는 기본 CRUD

Feels_Good — Fri, 26 Mar 2021 18:44:09 +0900

게시판 기능 만들기

1. index.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>HOME</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<style>
#content {
	width: 100%;
}

#content table {
	width: 350px;
	margin: auto
}
</style>
</head>
<body>
	<div id="wrap">
		<div id="navigation">
			<ul>
				<li><a href="">Home</a></li>
				<li><a href="">로그인</a></li>
				<li><a href="">회원가입</a></li>
				<li><a href="board/list.jsp">게시판</a></li>
				<li><a href="">갤러리</a></li>
			</ul>
		</div>
		<div id="content"></div>
	</div>
</body>
</html>

2. main.css

@charset "EUC-KR";
	/* css에서의 주석 
	E : element 요소
	id : id 속성 = 반드시 한 페이지에서는 유일해야한다. (unique) #아이디
	class : class 속성, 한 페이지에서 중복 가능, 하나 이상을 설정 할 수 있다. .클래스
	[E, #id, .class, 자식 > , 부모 후손, 이웃요소] { css문법 -> 예) color:"red"; size:200px; } 
	*/
#wrap {
	width: 800px;
	margin: auto; /* 레이아웃이 중앙으로 배치가 된다 */
}

#navigation {
	height: 40px;
	background: #0080ff;
	color: #ffffff;
	font-weight: bold;
	clear: borth; /* float을 취소한다(가로정렬) */
}

#navigation ul {
	padding: 0;
	margin: 0;
}

#navigation ul li {
	list-style: none;
	float: left;
	margin-left: 20px;
}
/* link style */
#navigation ul li a {
	text-decoration: none; /* 링크선 해제 */
	color: #ffffff;
	background: #ff3333;
	padding: 5px;
	margin: 0;
}

#navigation ul li a:hover { /* 마우스를 올렸을 때 */
	background: #6666;
}

3. head.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>자유게시판</title>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<style>
#content {
	width: 100%; margin: auto;
}

#content table {
	width: 350px;
	margin: auto
}

#content table, td, th {
	border: 1px solid black;
}

#content table {
	  width: 100%;
	  border-collapse: collapse;
}
</style>
</head>
<body>
	<div id="wrap">
		<div id="navigation">
			<ul>
				<li><a href="../index.jsp">Home</a></li>
				<li><a href="">로그인</a></li>
				<li><a href="">회원가입</a></li>
				<li><a href="../board/list.jsp">게시판</a></li>
				<li><a href="">갤러리</a></li>
			</ul>
		</div>
		<div id="bgx"></div>

4. list.jsp

<%@page import="dao.BoardDao"%>
<%@page import="vo.BoardVO"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%
	ArrayList<BoardVO> list = BoardDao.getDao().list();
%>
<%@include file="../head.jsp" %>
		<div id="content" style="text-align: center;">
			<table>
				<tr>
					<th colspan="5">게시물 목록</th>
				</tr>
				<tr>
					<td>번호</td>
					<td width="352">제목</td>
					<td>작성자</td>
					<td>등록일</td>
					<td>조회수</td>
				</tr>
				<!-- 데이터 반복 시작 -->
				<%
				for (BoardVO e : list) {
				%>
				<tr>
					<td><%=e.getNo()%></td>
					<td><a href="hit.jsp?no=<%=e.getNo()%>"> <%=e.getTitle()%>
					</a></td>
					<td><%=e.getWriter()%></td>
					<td><%=e.getRegdate()%></td>
					<td><%=e.getHit()%></td>
				</tr>
				<%
				}
				%>
				<!-- 데이터 반복 끝 -->
				<tr>
					<th colspan="5"><input type="button" value="새 글쓰기" 
                    onclick="location.href='write.jsp'">
					</th>
				</tr>
			</table>
		</div> <%-- content 종료 --%>
	</div>	<%-- wrap 종료 --%>
</body>
</html>

5. info.jsp

<%@page import="dao.BoardDao"%>
<%@page import="vo.BoardVO"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%
// list.jsp에서 선택한 링크를 통해서 get방식으로 전송 되어온 파라미터 값
// no
int no = Integer.parseInt(request.getParameter("no"));
BoardVO vo = BoardDao.getDao().info(no);
%>
<%@include file="../head.jsp"%>
<div id="content">
		<table border="1">
			<tr>
				<th colspan="2">게시물 상세보기</th>
			</tr>
			<tr>
				<td>번호</td>
				<td><input type="text" name="no" id="no" value="<%=no%>"
					readonly="readonly"></td>
			</tr>
			<tr>
				<td>작성자</td>
				<td><input type="text" name="writer" id="writer"
					value="<%=vo.getWriter()%>" readonly="readonly"></td>
			</tr>
			<tr>
				<td>제목</td>
				<td><input type="text" name="title" id="title"
					value="<%=vo.getTitle()%>" readonly="readonly"></td>
			</tr>
			<tr>
				<td>내용</td>
				<td><textarea style="width: 90%;" name="content" id="content" 
                readonly="readonly"><%=vo.getContent()%></textarea></td>
			</tr>
			<tr>
				<th colspan="2">
				<%-- onclick 속성 : 해당 Element를 클릭 했을 때
					 자바 스크립트를 실행 할 수 있는 속성
					 " location = '이동할 경로' " 
				--%>
				<input type="button" value="수정" 
				onclick="location='pwdCheckForm.jsp?keyv=up&no=<%=no%>'"> &nbsp;
				<input type="button" value="삭제"
				onclick="location='pwdCheckForm.jsp?keyv=del&no=<%=no%>'"> &nbsp;
				<input type="button" value="리스트"
				onclick="location='list.jsp'"> </th>
			</tr>
		</table>
</div>
<%-- content 종료 --%>
</div>
<%-- wrap 종료 --%>
</body>
</html>

6. write.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%@include file="../head.jsp"%>
<div id="content">
	<form method="post" action="insert.jsp">
		<table border="1">
			<tr>
				<th colspan="2">게시물 작성하기</th>
			</tr>
			<tr>
				<td>제목</td>
				<td><input type="text" name="title" id="title"></td>
			</tr>
			<tr>
				<td>작성자</td>
				<td><input type="text" name="writer" id="writer"></td>
			</tr>
			<tr>
				<td>내용</td>
				<td ><textarea style="width: 90%;" name="content" 
                id="content"></textarea></td>
			</tr>
			<tr>
				<td>비밀번호</td>
				<td><input type="password" name="pwd" id="pwd"></td>
			</tr>
			<tr>
				<th colspan="2"><input type="submit" value="등록"> <input
					type="reset" value="취소"></th>
			</tr>
		</table>
	</form>
</div>
<%-- content 종료 --%>
</div>
<%-- wrap 종료 --%>
</body>
</html>

7. hit.jsp

<%@page import="dao.BoardDao"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	// 리스트에서 전송 되어 온 파라미터 no를 받아서
	// Dao에 전달해서 조회수를 업데이트 시킨다.
	int no = Integer.parseInt(request.getParameter("no"));
	BoardDao.getDao().hit(no);
	response.sendRedirect("info.jsp?no="+no);
%>

8. pwdCheckForm.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%@include file="../head.jsp"%>
<%--
	<link rel= .. => 외부 스타일, 공통적인 스타일 : 우선순위 3
	<style></style> => 내부 스타일 : 우선순위 2
	<element style=""> => 인라인(inline) 스타일 : 우선순위 1

 --%>
 <%
	request.setCharacterEncoding("euc-kr");
 	String no = request.getParameter("no");
 	String keyv = request.getParameter("keyv");
 %>
<div id="content">
<div style="height: 80px;">&nbsp;</div>
<form method="post" action="pwdCheck.jsp">
<input type="hidden" name="no" id="no" value="<%=no%>">
<input type="hidden" name="keyv" id="keyv" value="<%=keyv%>">
<table border="1" style="width: 70%; margin: auto;">
	<tr>
		<th colspan="2">비밀번호 입력</th>
	</tr>
	<tr>
		<td>비밀번호</td>
		<td><input type="password" name="pwd" id="pwd"></td>
	</tr>
	<tr>
		<th colspan="2">
		<input type="submit" value="전송">
		</th>
	</tr>
</table>
</form>
</div> <%-- content 종료 --%>
</div> <%-- wrap 종료 --%>
</body>
</html>

9. pwdCheck.jsp

<%@page import="vo.BoardVO"%>
<%@page import="dao.BoardDao"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	// To do : 비밀번호를 받아와서 dao에 전달하고 
	request.setCharacterEncoding("euc-kr");
	if (request.getMethod().equals("POST")) {
		BoardDao dao = BoardDao.getDao();
		BoardVO vo = new BoardVO();
		String keyv = request.getParameter("keyv");
		vo.setNo(Integer.parseInt(request.getParameter("no")));
		vo.setPwd(request.getParameter("pwd"));
		int res = dao.pwdCheck(vo);
		if (res > 0) {
			if (keyv.equals("up")) {
				System.out.println("글수정");
				response.sendRedirect("modify.jsp?no="+vo.getNo());
			} else if (keyv.equals("del")){
				System.out.println("글삭제");
				dao.delete(vo.getNo());
				%>
				<script type="text/javascript"> alert('게시글이 삭제되었습니다!');
					location.href="list.jsp";
				</script>
				<%
			}
		} else {
			%>
			<script type="text/javascript"> alert('비밀번호가 틀렸습니다!');
				location.href="info.jsp?no=<%=vo.getNo()%>";
			</script>
			<%
		}
		System.out.println("no? : " + vo.getNo());
		System.out.println("pwd? : " + vo.getPwd());
		System.out.println("keyv? : " + keyv);
	} else {
%>
		<p style="color:red">잘못 된 접근입니다.</p>
		<h2>당신의<%=request.getRemoteAddr() %> 아이피는 저장되었습니다.</h2>
<%
	}
%>

10. modify.jsp

<%@page import="dao.BoardDao"%>
<%@page import="vo.BoardVO"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<%
	request.setCharacterEncoding("euc-kr");
	int no = Integer.parseInt(request.getParameter("no"));
	BoardVO vo = BoardDao.getDao().info(no);
	System.out.println("no1 : " + vo.getNo());
	System.out.println("title1 : " + vo.getTitle());
	System.out.println("content1 : " + vo.getContent());
%>
<%@include file="../head.jsp"%>
<form method="post" action="update.jsp">
<div id="content">
		<table border="1">
			<tr>
				<th colspan="2">게시물 수정하기</th>
			</tr>
			<tr>
				<td>번호</td>
				<td><input type="text" name="no" id="no" value="<%=no%>"
					readonly="readonly"></td>
			</tr>
			<tr>
				<td>작성자</td>
				<td><input type="text" name="writer" id="writer"
					value="<%=vo.getWriter()%>" readonly="readonly"></td>
			</tr>
			<tr>
				<td>제목</td>
				<td><input type="text" name="title" id="title"
					value="<%=vo.getTitle()%>" ></td>
			</tr>
			<tr>
				<td>내용</td>
				<td><textarea style="width: 90%;" name="content" id="content">
                <%=vo.getContent()%></textarea></td>
			</tr>
			<tr>
				<th colspan="2">
				<input type="submit" value="게시글 수정"></th>
			</tr>
		</table>
</div>
<%-- content 종료 --%>
</form>
</div>
<%-- wrap 종료 --%>
</body>
</html>

11. update.jsp

<%@page import="dao.BoardDao"%>
<%@page import="vo.BoardVO"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	request.setCharacterEncoding("euc-kr");
	BoardVO vo = new BoardVO();
	vo.setNo(Integer.parseInt(request.getParameter("no")));
	vo.setTitle(request.getParameter("title"));
	vo.setContent(request.getParameter("content"));
	System.out.println("no2 : " + vo.getNo());
	System.out.println("title2 : " + vo.getTitle());
	System.out.println("content2 : " + vo.getContent());
	
	BoardDao.getDao().update(vo);
%>
	<script type="text/javascript"> alert('게시글이 수정되었습니다!');
				location.href="info.jsp?no=<%=vo.getNo()%>";
	</script>

[0325][Web - JSP] Connection Pool, DAO, DTO, Model 1 의 개념과 실습

Feels_Good — Thu, 25 Mar 2021 19:41:52 +0900

* Connection Pool, DAO, DTO, Model 1 (개발 방식) 의 개념과 실습

Connection Pool

■ JDBC 프로그램은 Connection 자원을 획득하는데 많은 시간이 소요된다.

■ Connection Pool은 미리 DB와 연결을 유지하고 있는 Connection객체를 생성해서

Vector와 같은 타입의 객체에 넣어두고, 필요할 때 꺼내서 사용하고, 사용을 마친

Connection 객체는 다시 Pool로 반납하는 구조다.

[context.xml을 읽어와서 InitContext JNDI 의 lookup(java:comp/env/jdbc/myora) 메서드로 호출

Context

Resource

DataSource[jdbc/myora] ->인증 후 Connection

* include , useBean Action

<HTML5>

Head / Main / Footer 분리 =>

<div> : 레이아웃 만들 때 사용하는 태그.

환경설정

1. 톰캣에 ojdbc6.jar 파일을 lib에 복붙하기

2. 오라클 DB 접속 계정 생성 및 권한 주기

3. 오라클 디벨로퍼에서 새 접속 만들기

4. context.xml 작성

5. Myconn.java

package jsp_0325;

import java.sql.Connection;
import java.sql.SQLException;

import javax.naming.InitialContext;
import javax.naming.NamingException;
import javax.sql.DataSource;

public class MyConn {
	// context.xml에 작성한 Context를 읽어와서
	// DataSource 객체를 획득해서 Connection을
	// 반환하는 메서드를 정의하는 것이 목적
	private static DataSource ds;
	static {
		// context.xml에 Resource 객체를 통해서
		// DataSourcefmf 읽어들이기 위한 객체
		try {
			InitialContext ctx = new InitialContext(); // Ctrl + 1 : try-catch
			ds = (DataSource) ctx.lookup("java:comp/env/jdbc/myora");
		} catch (NamingException e) {
			e.printStackTrace();
		}
	}
	public static Connection getDs() throws SQLException {
		return ds.getConnection();
	}
}

6. ConnectionTest.jsp

<%@page import="jsp_0325.MyConn"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>ConnectionTest.jsp</title>
</head>
<body>
<%
	Connection con = MyConn.getDs();
%>
	<h1>Connection Test</h1>
	<p> <%=con %> </p>
<%
	con.close();
%>
</body>
</html>

∎ Model1방식의 웹 개발 방식

디자인코드(HTML)와 자바코드(비즈니스 로직)를 구분하지 않고 하나의 jsp

파일 내에 함께 기술해서 웹 프로그램을 제작하는 방식이다.

장점 : 개발하기 쉽고, 배우기 쉽다.

단점 : 디자인코드와 비즈니스로직의 구분이 명확하지 않아 복잡도가 높다.

수정사항이 발생했을 때마다 디자이너와 개발자의 협업이 필요하다.

비즈니스 로직의 재사용성이 떨어진다.

유지보수하기 어렵다.

1. board 테이블 만들기

create table board (
no number constraint board_no_pk primary key,
title varchar2(100),
writer varchar2(50),
content varchar2(400),
pwd varchar2(10),
hit number(5),
regdate date);

create sequence board_seq
increment by 1
start with 1;

2. boardVO 클래스 만들기

package vo;

public class BoardVO {
	private int no;
	private String title;
	private String writer;
	private String content;
	private String pwd;
	private int hit;
	private String regdate;
	
	public int getNo() {
		return no;
	}
	public void setNo(int no) {
		this.no = no;
	}
	public String getTitle() {
		return title;
	}
	public void setTitle(String title) {
		this.title = title;
	}
	public String getWriter() {
		return writer;
	}
	public void setWriter(String writer) {
		this.writer = writer;
	}
	public String getContent() {
		return content;
	}
	public void setContent(String content) {
		this.content = content;
	}
	public String getPwd() {
		return pwd;
	}
	public void setPwd(String pwd) {
		this.pwd = pwd;
	}
	public int getHit() {
		return hit;
	}
	public void setHit(int hit) {
		this.hit = hit;
	}
	public String getRegdate() {
		return regdate;
	}
	public void setRegdate(String regdate) {
		this.regdate = regdate;
	}
}

3. boardDao 클래스 만들기

package dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;

import conn.MyConn;
import vo.BoardVO;

public class BoardDao {
	private static BoardDao dao;

	public BoardDao() {
	}

	// Thread에 의해서 호출이 되기 때문에
	// Thread의 성질 때문에 동기화란 개념
	// synchronized 동기화 설정
	// lock pool에서 현재 getDao() 메서드가 호출되어
	// Thread가 안전하게 끝날 때 까지 보장을 받는다.
	public synchronized static BoardDao getDao() {
		if (dao == null)
			dao = new BoardDao();
		return dao;
	}
	
	// 게시물 추가
	public void insert(BoardVO vo) {
		StringBuffer sql = new StringBuffer();
		sql.append("insert into board ");
		sql.append("values(board_seq.nextVal, ?, ?, ?, ?, 0, sysdate)");
		Connection con = null;
		PreparedStatement pstmt = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sql.toString());
			pstmt.setString(1, vo.getTitle());
			pstmt.setString(2, vo.getWriter());
			pstmt.setString(3, vo.getContent());
			pstmt.setString(4, vo.getPwd());
			pstmt.executeUpdate();
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			autoCloseObj(con, pstmt);
		}
	}
	// 게시물 조회 
	public ArrayList<BoardVO> list(){
		ArrayList<BoardVO> arBoard = new ArrayList<BoardVO>();
		StringBuffer sql = new StringBuffer();
		sql.append("select no, title, writer, content, hit, regdate from board order by 1 desc");
		Connection con = null;
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sql.toString());
			rs = pstmt.executeQuery();
			while (rs.next()) {
				BoardVO vo = new BoardVO();
				vo.setNo(rs.getInt("no"));
				vo.setTitle(rs.getString("title"));
				vo.setWriter(rs.getString("writer"));
				vo.setContent(rs.getString("content"));
				vo.setHit(rs.getInt("hit"));
				vo.setRegdate(rs.getString("regdate"));
				arBoard.add(vo);
			}
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			autoCloseObj(con, pstmt, rs);
		}
		return arBoard;
	}

	//조회수 증가 : update board set hit = hit + 1 where no=?
	public void hit(int no){
		String sql = "update board set hit = hit + 1 where no=?";
		Connection con = null;
		PreparedStatement pstmt = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sql);
			pstmt.setInt(1, no);
			pstmt.executeUpdate();
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			autoCloseObj(con, pstmt);
		}
	}

	//상세정보 조회
	public BoardVO info(int no){ 
		BoardVO vo = new BoardVO();
		String sql = "select no, title, writer, content, hit, regdate from board where no=?";
		Connection con = null;
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sql);
			pstmt.setInt(1, no);
			rs = pstmt.executeQuery();
			if(rs.next()) {
				vo.setNo(rs.getInt("no"));
				vo.setTitle(rs.getString("title"));
				vo.setWriter(rs.getString("writer"));
				vo.setContent(rs.getString("content"));
				vo.setHit(rs.getInt("hit"));
				vo.setRegdate(rs.getString("regdate"));
			}
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			autoCloseObj(con, pstmt, rs);
		}
		return vo;
	}
	
	// 게시물 수정
	public void update(BoardVO vo){
		String sql = "update board set title=?, content=? where no=? and pwd=?";
		Connection con = null;
		PreparedStatement pstmt = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sql);
			pstmt.setString(1, vo.getTitle());
			pstmt.setString(2, vo.getContent());
			pstmt.setInt(3, vo.getNo());
			pstmt.setString(4, vo.getPwd());
			pstmt.executeUpdate();
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			autoCloseObj(con, pstmt);
		}
	}

	//게시물 삭제
	public void delete(int no){
		String sql = "delete board where no=?";
		Connection con = null;
		PreparedStatement pstmt = null;
		try {
			con = MyConn.getDs();
			pstmt = con.prepareStatement(sql);
			pstmt.setInt(1, no);
			pstmt.executeUpdate();
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			autoCloseObj(con, pstmt);
		}
	}
	
	public void autoCloseObj(Connection con, PreparedStatement pstmt) {
		try {if (pstmt != null)pstmt.close();} catch (SQLException e) {e.printStackTrace();}
		try {if (con != null)con.close();} catch (SQLException e) {e.printStackTrace();}
	}
	public void autoCloseObj(Connection con, PreparedStatement pstmt, ResultSet rs) {
		try {if (pstmt != null)pstmt.close();} catch (SQLException e) {e.printStackTrace();}
		try {if (con != null)con.close();} catch (SQLException e) {e.printStackTrace();}
		try {if (rs != null)rs.close();} catch (SQLException e) {e.printStackTrace();}
	}
}

4. boardTest.jsp 만들기

<%@page import="java.util.ArrayList"%>
<%@page import="vo.BoardVO"%>
<%@page import="dao.BoardDao"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<% // boardTest.jsp
//입력 , 출력, 수정, 삭제 테스트 하기 
BoardDao dao = BoardDao.getDao();
BoardVO vo = new BoardVO();
vo.setWriter("이진아");
vo.setTitle("곧 점심시간입니다.");
vo.setContent("성공 했습니다.");
vo.setPwd("22");
dao.insert(vo);		// 게시물 추가
%> <h1> 게시물 리스트 </h1> <%
ArrayList<BoardVO> list = dao.list();	// 게시물 리스트 출력
	for(BoardVO e : list) {
	%> 
	<%=e.getNo()%>
	<%=e.getWriter()%>
	<%=e.getTitle()%>
	<%=e.getContent()%>
	<%=e.getRegdate()%>
	<%
	}%><br><br><%
	BoardVO vo1 = dao.info(15);		// 게시물 상세 정보
%><h1> 게시물 상세정보 </h1>
<%=vo1.getTitle()%>
<%=vo1.getWriter()%>
<%=vo1.getContent()%><br><br>
<%
BoardVO vo2 = new BoardVO();
vo2.setTitle("제목 수정");
vo2.setContent("내용 수정 성공 했습니다.");
vo2.setPwd("22");
vo2.setNo(15);
dao.update(vo2);		// 게시물 수정

BoardVO vo3 = dao.info(15);		// 게시물 상세 정보
%><h1> 게시물 수정 후 게시물 정보 </h1>
<%=vo3.getTitle()%>
<%=vo3.getWriter()%>
<%=vo3.getContent()%><br><br>
<%
dao.delete(15);	// 게시물 삭제
%><h1> 게시물 삭제 후 리스트 </h1><%
ArrayList<BoardVO> list1 = dao.list();	// 게시물 리스트 출력
	for(BoardVO e : list1) {
	%>
	<%=e.getNo()%>
	<%=e.getWriter()%>
	<%=e.getTitle()%>
	<%=e.getContent()%>
	<%=e.getRegdate()%><br>
	<%
	}
	%>

게시판 만들기

1. writer.jsp 만들기

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>write.jsp</title>
<style>
	#cont { margin: auto; width: 450px; }
</style>
</head>
<body>
<div id="cont">
<form method="post" action="insert.jsp">
	<table border="1">
<tr>
	<th colspan="2"> 게시물 작성하기</th>
</tr>
<tr>
	<td>제목</td>
	<td><input type="text" name="title" id="title"></td>
</tr>
<tr>
	<td>작성자</td>
	<td><input type="text" name="writer" id="writer"></td>
</tr>
<tr>
	<td>내용</td>
	<td><textarea name="content" id="content"></textarea></td>
</tr>
<tr>
	<td>비밀번호</td>
	<td><input type="password" name="pwd" id="pwd"></td>
</tr>
<tr>
	<th colspan="2"><input type="submit" value="등록">
	<input type="reset" value="취소"></th>
</tr>
</table>
	
</form>
</div>
</body>
</html>

2. insert.jsp 만들기

<%@page import="vo.BoardVO"%>
<%@page import="dao.BoardDao"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	request.setCharacterEncoding("euc-kr");
	// 파라미터를 받아서 vo에 저장한 후 Dao에 전달하기
	// title, writer, content, pwd
%>
<!-- JSP 액션 태그 : 현재는 거의 사용되지 않는다. -->
<jsp:useBean id="vo" class="vo.BoardVO"/>
<jsp:setProperty property="*" name="vo"/>
<%--
	BoardDao dao = new BoardDao();
	BoardVO vo = new BoardVO();
	vo.setTitle(request.getParameter("title"));
	vo.setWriter(request.getParameter("writer"));
	vo.setContent(request.getParameter("content"));
	vo.setPwd(request.getParameter("pwd"));
	dao.insert(vo);
--%>
<%
	BoardDao dao = new BoardDao();
	dao.insert(vo);
	// 이동 방식
	response.sendRedirect("list.jsp");
%>

3. list.jsp 만들기

<%@page import="dao.BoardDao"%>
<%@page import="vo.BoardVO"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	ArrayList<BoardVO> list = BoardDao.getDao().list();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>list.jsp</title>
<style>
	#cont { margin: auto; width: 550px; }
	table, td, th {
	  border: 1px solid black;
	}
	
	table {
	  width: 100%;
	  border-collapse: collapse;
	}
</style>
</head>
<body>
<div id="cont">
 <table border="1">
 <tr>
	<th colspan="5">게시물 목록</th>
 </tr>
 <tr>
	<td>번호</td>
	<td>제목</td>
	<td>작성자</td>
	<td>조회수</td>
	<td>등록일</td>
 </tr>
 <!-- 데이터 반복 시작 -->
 <% for (BoardVO e : list) { %>
 <tr>
	<td><%=e.getNo()%></td>
	<td><%=e.getTitle()%></td>
	<td><%=e.getWriter()%></td>
	<td><%=e.getHit()%></td>
	<td><%=e.getRegdate()%></td>
 </tr>
 <% } %>
  <!-- 데이터 반복 끝 -->
 <tr>
	<th colspan="5">
	<input type="button" value="새 글쓰기" onclick="">	
	</th>
 </tr>
 </table>
</div>
</body>
</html>

4. info.jsp 만들기

<%@page import="dao.BoardDao"%>
<%@page import="vo.BoardVO"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	// list.jsp에서 선택한 링크를 통해서 get방식으로 전송 되어온 파라미터 값
	// no
	int no = Integer.parseInt(request.getParameter("no"));
	BoardVO vo = BoardDao.getDao().info(no);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>info.jsp</title>
<style>
	#cont { margin: auto; width: 450px; }
	table {
	  text-align: center;
	}
</style>
</head>
<body>
<div id="cont">
	<table border="1">
<tr>
	<th colspan="2">게시물 상세보기</th>
</tr>
<tr>
	<td>번호</td>
	<td><input type="text" name="pwd" id="no" 
			value="<%=no %>" readonly="readonly"></td>
</tr>
<tr>
	<td>제목</td>
	<td><input type="text" name="title" id="title" 
			value="<%=vo.getTitle()%>" readonly="readonly"></td>
</tr>
<tr>
	<td>작성자</td>
	<td><input type="text" name="writer" id="writer" 
			value="<%=vo.getWriter()%>" readonly="readonly"></td>
</tr>
<tr>
	<td>내용</td>
	<td><textarea name="content" id="content"><%=vo.getContent()%></textarea></td>
</tr>
<tr>
	<th colspan="2"><form action="list.jsp"><input type="submit" value="리스트">
	<input type="reset" value="취소"></form></th>
</tr>
</table>
</div>
</body>
</html>

[0324] [Web - JSP] HTML5 : Form태그 요소, GET,POST , Parameter정리, JSP등 기본 문법

Feels_Good — Wed, 24 Mar 2021 19:39:36 +0900

HTML5 : Form태그 요소, GET,POST , Parameter정리, JSP등 기본 문법

1) JSP등 기본 문법

1. JSP 기본 구성 요소

1.1 주석(Comment) : JSP => <%-- --%>, HTML5 주석 => , Java 주석 => //, /**/, /** */

1.2 지시어(Directive) : <%@ %>

(1) Page 지시어(Directive) : <%@page %>

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%-- contentType="text/html; charset=EUC-KR" => MIME Type 이라고 한다 --%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>comment</title>
</head>
<body>
<!-- html 주석 : 클라이언트가 조회 가능 : 중요한 내용 작성 XX -->
<%-- jsp 주석 : 웹서버에서 파싱, 클라이언트에서 조회 불가능 : View단에서 주로 사용 --%>
<%
	// 자바 주석 : 클라이언트에서 보여지지 않음
%>
</body>
</html>

(2) Include 지시어 : <%@include %>

(3) Taglib 지시어 <%@taglib %>

1.3 JSP page Scripting Elements

(1) Scriptlet : <% %>

(2) 표현식(Expression) : <%= %>

(3) 선언(Declaration) : <%! %>

2. Form 태그 요소

2.1 서블릿으로 데이터를 전송하는 방법

ex2.formParam.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>ex2_formParam.jsp</title>
</head>
<body>
<%--
 - HTML5은 웹페이지를 만들기 위한 표준 마크업 언어이다.
 - HTML5은 Hyper Text Markup Language를 나타낸다.
 - HTML은 웹 페이지의 구조를 설명합니다.
 - 페이지 디자인, 레이아웃 설정 등등의 기능은 하지 않는다.
 - 데이터를 전송 받아서 서버측 스크립트로 전송 태그 뿐만 아니라
 - 이미지, 영상을 보여주고 제어한다.
 	<!DOCTYPE html> 선언이 해당 문서가 HTML5 문서임을 정의
 	<html> 요소는 HTML 페이지의 root 요소이다.
 	<head> 요소는 HTML 페이지에 대한 메타 정보를 포함
 	<title> 요소는 브라우저의 제목 표시 줄이나 페이지의 탭에 표시되는
 	        HTML 페이지의 제목을 지정한다.
 	<body> 요소는 문서의 본문을 정의하며 제목, 단락, 이미지, 하이퍼 링크,
 	표, 목록 등과 같은 표시되는 모든 콘텐츠에 대한 컨테이너이다.
 --%>
 <%-----------------------------------------------------------%>
 <%--
 	데이터를 전송하기 위한 form 태그 요소
 	속성 : action : form의 데이터를 파라미터로 전송하기 위한 서버측 주소
 	속성 : method : 생략시 get 방식
 	form 요소의 하위 속성 중 name : 파라미터의 이름이다.
  --%>
  <h1>Form 태그 속성 Demo</h1>
  <%-- 1. 서블릿으로 데이터를 전송하는 방법 : 이 방법이 주로 사용된다.
       2. JSP로 전송하는 방법 --%>
 <form action="ex2_formPro" method="post">
 	아이디 : <input type="text" name="id" id="id"> <br>
 	비밀번호 : <input type="password" name="pwd" id="pwd"> <br>
 	나이 : <input type="number" name="age" id="age" 
 	                  min="19" max="200" value="19"> <br>
 	좋아하는 색상 : <input type="color" name="mycol" id="mycol"> <br>
 	선호 url : <input type="url" name="website" id="website"
 	list="weblist"> <br>
 	<datalist id="weblist">
 		<option value="http://www.google.co.kr" label="Google">
 		<option value="http://www.ikosmo.co.kr" label="Ikosmo">
 		<option value="http://www.naver.co.kr" label="Naver">
 	</datalist>
 	좋아하는 날짜 1 : 
 	<input type="date" name="mydate1" id="mydate1"><br>
 	좋아하는 시간 2 : 
 	<input type="datetime-local" name="mydate2" id="mydate2"><br>
 	좋아하는 시간 3 : 
 	<input type="week" name="mydate3" id="mydate3"><br>
 	좋아하는 시간 4 : 
 	<input type="time" name="mytime" id="mytime"><br>
 	<input type="submit" value="전송">
 	<input type="reset" value="작성 취소">
 </form>
</body>
</html>

Ex2_FormParamServlet.java

@WebServlet("/ex2_formPro")
public class Ex2_FormParamServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
			throws ServletException, IOException {
		System.out.println("doGet 호출");
		String id = request.getParameter("id");
		PrintWriter out = response.getWriter();
		out.println("userID : " + id);
		out.close();
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) 
			throws ServletException, IOException {
		System.out.println("doPost 호출");
		// <form> 태그 안에 name으로 지정한 파라미터 이름
		// url일 경우 get 방식의 파라미터 이름 test?id=xman&name=kim
		String id = request.getParameter("id");
		PrintWriter out = response.getWriter();
		out.println("userID : " + id);
		out.close();
	}
}

2.2 jsp로 데이터를 전송하는 방법

ex2.formParam.jsp => form action 수정

 <form action="ex2_process.jsp" method="post">

ex2.process.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	// 파라미터의 값이 한글일 경우 한글 처리
	request.setCharacterEncoding("euc-kr");
	String id = request.getParameter("id");
	int age = Integer.parseInt(request.getParameter("age"));
	String msg = "";
	if (age <= 19) {
		msg = "미성년 입니다.";
	} else {
		msg = "성년 입니다.";
	}
	String mycol = request.getParameter("mycol");
	System.out.println("mycol : " + mycol);
	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>ex2_process.jsp</title>
</head>
<body bgcolor="yellow">
	<h1> 회원 정보 출력 </h1>
	<ul>
		<li> 아이디 : <%=id %></li>
		<li> 나이 : <%=age %></li>
		<li> 성년/미성년 : <%=msg %></li>
		<li> 선호색상 : <%=mycol %></li>
	</ul>
</body>
</html>

연습문제

myprofile.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>myprofile.jsp</title>
</head>
<body>

  <h1> 회원 정보 입력 </h1> 
 <form action="exam_profile.jsp">
 	아이디 : <input type="text" name="id" id="id"> <br>
 	비밀번호 : <input type="password" name="pwd" id="pwd"> <br>
 	이름 : <input type="text" name="name" id="name"> <br>
 	좋아하는 색상 : <input type="color" name="mycol" id="mycol"> <br>
 	이메일 : 	<input type="text" name="email" id="email"><br>
    성별 : <input type="radio" id="genderChoice1" name="gender" value="남성"> 남성
          <input type="radio" id="genderChoice2" name="gender" value="여성" checked> 여성 <br><br>
 	 <input type="submit" value="전송">
 	<input type="reset" value="작성 취소">
 </form>
</body>
</html>

exam_profile.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	// 파라미터의 값이 한글일 경우 한글 처리
	request.setCharacterEncoding("euc-kr");
	String id = request.getParameter("id");
	String pwd = request.getParameter("pwd");
	String name = request.getParameter("name");
	String mycol = request.getParameter("mycol");
	String email = request.getParameter("email");
	String gender = request.getParameter("gender");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>exam_profile</title>
</head>
<body bgcolor="yellow">
	<h1> 회원 정보 출력 </h1>
	  <table border="1">
	<tr><td> 아이디 </td> <td><%=id %></td></tr>
	<tr><td> 비밀번호 </td> <td><%=pwd %></td></tr>
	<tr><td> 이름 </td> <td><%=name %></td></tr>
	<tr><td> 선호색상 </td> <td><%=mycol %></td></tr>
	<tr><td> 이메일 </td> <td><%=email %></td></tr>
	<tr><td> 성별 </td> <td><%=gender %></td></tr>
	  </table>
</body>
</html>

라디오 버튼, 콤보 박스, 체크 박스

ex3_checkFormParam

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>ex3_checkFormParam.jsp</title>
</head>
<body>	<%-- radio는 하나만 선택 : name의 이름이 동일하다. --%>
	<form action="ex3_check.jsp" method="post">
		성별 : <input type="radio" name="gender" id="gender" value="남자" checked> 남자
		      <input type="radio" name="gender" id="gender" value="여자" checked> 여자 <br>
		      <%-- name은 하나이고 value로 선택 된 값이 전송된다. --%>
		전화번호 :
		<select name="phone">
			<option value="">선택</option>
			<option value="02">02</option>
			<option value="032">032</option>
			<option value="055">055</option>
		</select> <hr>
		<%-- name의 이름이 동일하고 value로 선택 된 값들이 전송 --%>
		과일 :
		<input type="checkbox" name="fruit" value="1"> 사과
		<input type="checkbox" name="fruit" value="2"> 배
		<input type="checkbox" name="fruit" value="3"> 감귤
		<input type="checkbox" name="fruit" value="4"> 딸기
		<input type="checkbox" name="fruit" value="5"> 토마토 <br>
		<input type="submit" value="전송">
		<input type="reset" value="취소">
	</form>
</body>
</html>

ex3_check.jsp

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

	request.setCharacterEncoding("euc-kr");
	// 파라미터 정리
	// gender, phone
	// checkbox => fruit 배열로 처리
	String gender = request.getParameter("gender");
	String phone = request.getParameter("phone");
	String[] fruit = request.getParameterValues("fruit");
	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>ex3_check.jsp</title>
</head>
<body>
<%-- ul : 순서가 없는 목록 , ol : 순서가 있는 목록
	img : src 속성 값으로 이미지의 경로(url 포함)
 --%>
	<ul>
		<li> gender : <%=gender %> </li>
		<li> phone : <%=phone %> </li>
		<li> fruit : 
		<%
			for(String f : fruit) { 
		%> 
			<p> <%=f %> : 
			<a href=""></a><img src="img/<%=f%>.jpg" width="100"> </a>
			</p>
		<% 
			} %>
		</li>
	</ul>
</body>
</html>

구구단 과제

구구단 수와 범위를 입력 받아서 출력해주고 입력 받은 단수에는

사용자가 선택한 배경 컬러를 넣어주기.

exam_gugudan.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>exam_gugudan</title>
</head>
<body>
	<h1> 계산할 구구단 수 입력 </h1> 
	<form action="exam_gugudanExe.jsp">
	단수 : <input type="number" name="dan" id="dan" value="1" min="1" max="1000"> 
	범위 제한 : <input type="number" name="bound" id="bound" value="1" step="2" min="1" max="9"> <br>
	컬러 : <input type="color" name="color" id="color"> <hr>
	<input type="submit" value="구구단 GO">
	<input type="reset" value="다시 선택">
	</form>
</body>
</html>

exam_gugudanExe.jsp

<%@page import="java.util.StringTokenizer"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
	int dan = Integer.parseInt(request.getParameter("dan"));
	int bound = Integer.parseInt(request.getParameter("bound"));
	String color = request.getParameter("color");
	System.out.println("color 1: " + color);
	StringTokenizer st = new StringTokenizer(color);
	color = st.nextToken("#");
	System.out.println("color 2: " + color);
	int start = dan - (bound/2);
	int end = dan + (bound/2) +1;
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>exam_gugudanExe</title>
</head>
<body>
	<table border="1">
		<%
			for (int i=0; i<=9; i++) {
		%>	<tr>
		<%
				for (int j=start; j<end; j++) {
					if (i == 0){
						if (j == dan) {
		%>					<td bgcolor=<%=color %>><%=j %>단</td>
		<%				} else {
		%>					<td><%=j %> 단</td>
						
		<%				}
					} else {
						if (j == dan) {
		%>					<td bgcolor=<%=color %>><%=j %> * <%=i %> = <%=j*i %></td>
		<%				} else {
		%>					<td><%=j %> * <%=i %> = <%=j*i %></td>
		<%				}
					}
				}
		%>
			</tr>
		<%
			}
		%>
	</table>
	<hr>
	<form action="exam_gugudanExe.jsp">
	<a href="exam_gugudanExe.jsp?dan=<%=dan-1%>&bound=<%=bound%>&color=<%=color%>">
		<input type="button" name="before" id="before" value="이전 단"> </a> 
	<a href="exam_gugudanExe.jsp?dan=<%=dan+1%>&bound=<%=bound%>&color=<%=color%>">
		<input type="button" name="next" id="next" value="다음 단"> </a> 
	</form>
</body>
</html>

결과화면 gif )

[0323] [Web - JSP] HTML5, Servlet 생명주기 , Servlet에서 이동방식

Feels_Good — Tue, 23 Mar 2021 16:23:11 +0900

클라이언트 - html5, javascript, xml

서버측 언어 구별 - Servlet&jsp, Django(python), Flask, php, asp

Servlet 생명주기

생성자에서는 자바 객체를 초기화하며 init()에서는 서블릿 객체를 초기화한다.

■ 서블릿의 라이프 사이클 관련 메소드

init() : 디폴트 생성자를 이용해서 서블릿 객체를 생성함으로 init()메소드를 사용해서 서블릿 객체를 초기화한다.

서블릿의 일생동안 단 한번 호출된다.

service() : HTTP 메소드를 참조하여 doGet()을 호출할지, doPost()를 호출할지 결정한다.

요청이 있을때 마다 호출된다.

destroy() : 서블릿이 소멸될때 호출된다. 자원해제와 관련된 작업을 한다.

서블릿의 일생동안 단 한번 호출된다.

대용량은 주로 post 방식 (getPost())를 통해 처리된다.

doGet은 적은 용량(aka문자)로 처리되고 패스워드를 get으로 보내면 안되며 바이너리를 보내지 못한다.

======================================================================

ServletConfig : 한 서블릿에 제한적인 객체

■ ServletConfig 객체는 Container가 서블릿을 생성할 때 생성되는 객체다.

■ DD(web.xml)를 읽어서 이름/값의 쌍으로 된 초기화 파라미터를 읽어서 저장한다.

■ ServletConfig 객체는 Servlet 객체당 한 개씩 생성된다.

■ Servlet에서는 getServletConfig()를 이용해서 Servlet과 관련된 ServletConfig

객체를 얻을 수 있다.

ServletContext : 여러 서블릿에서 사용 가능

■ ServletContext 객체는 web application 당 하나씩 생성된다.

■ web application 전체에서 참조할 수 있는 초기화 파라미터를 저장할 수 있다.

■ Servlet에서는 getServletContext()를 이용해서 ServletContext 객체를 얻을 수 있다.

======================================================================

Ex1_LifeServlet.java (servlet으로 파일 생성)

@WebServlet("/Ex1_LifeServlet")
public class Ex1_LifeServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

    public Ex1_LifeServlet() {
    	System.out.println("생성자 호출!");
    }

	public void init(ServletConfig config) throws ServletException {
		System.out.println("init 호출!");
	}

	public void destroy() {
		System.out.println("destroy 호출!");
	}

	protected void service(HttpServletRequest request, HttpServletResponse response) 
    						throws ServletException, IOException {
		System.out.println("service 호출!");
	}
}

ServletConfig, ServletContext 예제

ServletConDemo.java

(Class 파일로 생성하여 HttpServlet 상속, Override에서 init, doGet 선택)

@WebServlet("/Ex1_LifeServlet")
public class ServletConDemo extends HttpServlet{

	private String email;
	private String tel;
	private String company;
	private String website;
    
	@Override
	public void init() throws ServletException {
		System.out.println("init 호출!");
		// <init-param> 은 ServletConfig에 해당
		// getInitParameter("파라미터이름");
		// JAVA에서의 Properties 처럼 사용 가능.
		email = getServletConfig().getInitParameter("email");
		tel = getServletConfig().getInitParameter("tel");
		company = getServletContext().getInitParameter("company");
		website = getServletContext().getInitParameter("website");
	}
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
    					throws ServletException, IOException {
		System.out.println("doGet 호출!");
		resp.setContentType("text/html; charset=euc-kr");
		PrintWriter out = resp.getWriter();
		out.println("<h1> ServletConDemo !! </h1>");
		out.println("<p> 이메일 : " + email + "</p>");
		out.println("<p> 전화번호 : " + tel + "</p>");
		out.println("<ol>");
		out.println("<li> 회사 : " + company + "</li>"); // <li> 리스트 형식으로 출력 됨
		out.println("<li> 사이트 : " + website + "</li>");
		out.println("</ol>");
		out.close();
	}
}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">

  <display-name>servlet_0323</display-name>
  <!-- 한글 주석 가능 -->
  <context-param>
  	<param-name>company</param-name>
  	<param-value>ikosmo</param-value>
  </context-param>
  <context-param>
  	<param-name>website</param-name>
  	<param-value>http://www.ikosmo.co.kr</param-value>
  </context-param>
  <servlet>
 	<servlet-name>sdemo</servlet-name>
  	<servlet-class>ex1.ServletConDemo</servlet-class>
  	<init-param>  <!-- init param의 파라미터는 다른 서블릿에서 사용 불가! -->
  		<param-name>email</param-name> <!-- private 개념 -->
  		<param-value>kosmo@naver.com</param-value>
  	</init-param>
  	<init-param>
  		<param-name>tel</param-name>
  		<param-value>010-7777-9999</param-value>
  	</init-param>
  </servlet>
  <servlet-mapping>
  	<servlet-name>sdemo</servlet-name>
  	<url-pattern>/sdemo</url-pattern>
  </servlet-mapping>
  
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

Servlet 에서 이동방식(매우 중요*) : Forward, Redirect**

Config == private (해당 서블릿만 사용이 가능하다 ex. init parameter)

Request == default (req와 res 객체를 전달 받은 서블릿까지 사용 가능)

Session == protected (세션은 관련 된 서블릿을 구분하여 담을 수 있고 해당 서블릿만 접근 가능)

Context == public (모든 서블릿에서 접근 가능하다)

Redirect 예제 코드)

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>index.html</title>
</head>
<body>
<a href="FirstRedirectDemo">첫번째 페이지 Redirect</a>
|
<a href="first2">첫번째 페이지 Forward</a>
|
<a href="http://www.ikosmo.co.kr">kosmo</a>
</body>

FirstRedirectDemo.java (Servlet으로 생성)

@WebServlet("/FirstRedirectDemo")
public class FirstRedirectDemo extends HttpServlet {
	private static final long serialVersionUID = 1L;
    
	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
						throws ServletException, IOException {
		response.setContentType("text/html; charset=euc-kr");
		System.out.println("FirstRedirectDemo doGet 호출 !");
		// 비지니스 로직이 수행 후 request 객체를 사용해서 값을 저장
		request.setAttribute("msg", "Redirect ok");
		System.out.println("msg : " + request.getAttribute("msg"));
		System.out.println("-------------first--------------");
		// 두번째 페이지로 이동!
		response.sendRedirect("SecondRedirectDemo");
	}
}

SecondRedirectDemo.java (Servlet으로 생성)

@WebServlet("/SecondRedirectDemo")
public class SecondRedirectDemo extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
						throws ServletException, IOException {
		response.setContentType("text/html; charset=euc-kr");
		System.out.println("SecondRedirectDemo doGet 호출!");
		// redirect 이기 때문에 request에 저장한 값이 새롭게 생성되어
		// first 에서 저장한 request 의 값이 유지 되지 않는다.
		String test = (String)getServletContext().getAttribute("test");
		String msgv = (String) request.getAttribute("msg");
		System.out.println("request 값 : " + msgv);
		PrintWriter out = response.getWriter();
		out.println("<h1>두번째 페이지</h1>");
		out.println("<h2>Msg => Request : " + msgv + "</h2>");
		out.println("<h2>Test => ServletContext : " + test + "</h2>");
		out.println("<a href=\"index.html\">index</a>");
		out.close();
	}
}

Forward 예제 코드)

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>index.html</title>
</head>
<body>
<a href="FirstRedirectDemo">첫번째 페이지 Redirect</a>
|
<a href="FirstForwardDemo">첫번째 페이지 Forward</a>
|
<a href="http://www.ikosmo.co.kr">kosmo</a>
</body>
</html>

FirstForwardDemo.java (Servlet으로 생성)

@WebServlet("/FirstForwardDemo")
public class FirstForwardDemo extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
						throws ServletException, IOException {
		response.setContentType("text/html; charset=euc-kr");
		System.out.println("FirstForwardDemo doGet 호출 !");
		// 비지니스 로직이 수행 후 request 객체를 사용해서 값을 저장
		request.setAttribute("msg", "Forward ok");
		System.out.println("msg : " + request.getAttribute("msg"));
		System.out.println("-------------first--------------");
		// 두번째 페이지로 이동! forward로 이동시킬 주소를 우선 순위로 잡는다.
		RequestDispatcher rd = request.getRequestDispatcher("SecondForwardDemo");
		// 기존의 request, response 객체를 다른 서블릿으로 전달한다.
		rd.forward(request, response);
	}
}

SecondForwardDemo.java (Servlet으로 생성)

@WebServlet("/SecondForwardDemo")
public class SecondForwardDemo extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
    						throws ServletException, IOException {
		response.setContentType("text/html; charset=euc-kr");
		System.out.println("SecondForwardDemo doGet 호출!");
		String msgv = (String) request.getAttribute("msg");
		System.out.println("request 값 : " + msgv);
		PrintWriter out = response.getWriter();
		out.println("<h1>두번째 페이지</h1>");
		out.println("<h2>Msg : " + msgv + "</h2>");
		out.println("<a href=\"index.html\">index</a>");
		out.close();
	}
}

< jsp 기본 개념 >

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
    <%!
    	// 멤버 영역 : 선언부 (사용하면 좋지 않다.)
    	private String msg;
    	public void test() {
    		System.out.println("test 호출");
    	}
    %>
<!-- 필수 개념 ***** 복습
	service 영역 안에서 ......
	jsp에서 아래의 HTML 코드, 내용은 모두 서블릿으로 변환 될 때
	PrintWriter의 out.println("태그, 내용"); 
	호출 되어서 브라우저로 전달되는 구조이다.
 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<% 
	// 필수 개념 ***** 복습
	// service 메서드 영역 안이다. (local 영역) : 스크립트 릿 영역
	// 지역변수, 상수, 메서드를 호출, 로컬내부클래스 정의
	msg = "선언부 변수";
	System.out.println("호출1" + msg);
	test();
%>
<%
	System.out.println("호출2");
%>
</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>
<%--
	<%! %> : 멤버영역, 선언부
	<%  %> : 스크립트 릿 영역, service 영역
	<%= %> : out.println(), 표현식 
 --%>
  <table border="1">
<%
	for (int i=0; i<=9; i++) {
	out.println(" <tr> ");
		for (int j=2; j<=9; j++) {
			if (i == 0) {
				out.println("<td>" + j + "단" + "</td>");
			} else {
				out.println("<td>" + j + "x" + i + "=" + (j*i) + "</td>");
			}
		}
	out.println(" </tr> ");
}
%>
  </table>
  
</body>
</html>

HTML5 필수 요소

HTML 요소 란 무엇입니까?

HTML 요소는 시작 태그, 일부 콘텐츠 및 종료 태그로 정의됩니다.

< tagname > 여기에 콘텐츠 입력 ... < / tagname >

HTML 요소 는 시작 태그에서 끝 태그까지의 모든 것입니다.

< h1 > 나의 첫 번째 제목 < / h1 >

< p > 내 첫 단락. < / p >

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>	none	none

[0322] [Web - JSP] JSP 개발 환경 및 기초 문법

Feels_Good — Mon, 22 Mar 2021 20:02:41 +0900

JSP 개발 환경 및 기초 문법

1. 개발 환경 구축

- Eclipse(이클립스) 설치 , Tomcat (톰캣, 웹컨테이너, WAS - 웹어플리케이션 서비스)

: Tomcat은 웹어플리케이션 서버 중에 하나이다. (동적 데이터 처리)

HttpServletRequest, HttpServletResponse

: WebServer - Apache는 웹서버 중에 하나이다. (정적 데이터 처리)

HttpRequest, HttpResponse

=> https://www.eclipse.org/downloads/packages/

or drive.google.com/file/d/1vi_uSndiIl_DCZwspiCSZFYB7SEAdPR_/view?usp=sharing

Eclipse IDE for Enterprise Java and Web Developers >>> Windows x86_64

=> tomcat.apache.org/

or drive.google.com/file/d/1Lp-WlzljDMBwsnh43w2qux_2OcHW4v17/view?usp=sharing

Download >> Tomcat9 >> 9.0.44 >> Binary Distributions >> 64-bit Windows zip 파일 다운로드

eclipse-jee-2020-12-R-win32-x86_64 압축 해제후 eclipse.exe 실행 :

실행 오류시 shshsh.tistory.com/88 참고

워크스페이스 경로 지정

012345678910111213

01234567891011121314

012345678910

012345

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">

  <display-name>servlet_0322</display-name>
  
  <servlet>
  	<servlet-name>hello</servlet-name>
  	<servlet-class>ex1.EX1_HelloWebServlet</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>hello</servlet-name>
  	<url-pattern>/hello</url-pattern>
  </servlet-mapping>
  
  
  <servlet>
  	<servlet-name>MyProfile</servlet-name>
  	<servlet-class>exam.MyProfile</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>MyProfile</servlet-name>
  	<url-pattern>/MyProfile</url-pattern>
  </servlet-mapping>
  
  
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

EX1_HelloWebServlet.java

package ex1;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

// HttpServlet을 상속 받았기 때문에 WAS에 의해서 관리 될 객체가 된다.
public class EX1_HelloWebServlet extends HttpServlet{
	// 알트 + 시프트 + S
	public EX1_HelloWebServlet() {
		System.out.println("생성자 호출!");
		// TODO Auto-generated constructor stub
	}
	
	// doGet, service 메서드는 thread에 의해서 관리된다.
	@Override
	protected void service(HttpServletRequest req, HttpServletResponse resp) 
    throws ServletException, IOException {
		// TODO Auto-generated method stub
		super.service(req, resp);
		System.out.println("service 메서드 호출!");
	}
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
    throws ServletException, IOException {
		// TODO Auto-generated method stub
		System.out.println("get 메서드 호출!");
		// resp : 서버가 브라우저에게 응답하는 객체
		// MIME TYPE을 전송한다.
		resp.setContentType("text/html; charset=EUC-KR");
		PrintWriter out = resp.getWriter();
		out.println("<h1>");
		out.println("안녕하세요오!! 나의 첫번째 서블릿입니다!!.");
		out.println("</h1>");
		out.close();
	}
}

MyProfile.java

package exam;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class MyProfile extends HttpServlet{

	public MyProfile() {
		System.out.println("MyProfile 생성자 호출!");
		// TODO Auto-generated constructor stub
	}

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
    throws ServletException, IOException {
		// TODO Auto-generated method stub
		System.out.println("MyProfile doget 메서드 호출!");			
		resp.setContentType("text/html; charset=EUC-KR");
		PrintWriter out = resp.getWriter();
		String name = "홍길동";
		out.println("<h2>");
		out.println("나의 소개 </br>");
		out.println("이름은 " + name + "입니다.</br>");
		out.println("지금 가산에 있습니다.</br>");
		out.println("</h2>");
		out.close();
	}

	@Override
	protected void service(HttpServletRequest req, HttpServletResponse resp) 
    throws ServletException, IOException {
		// TODO Auto-generated method stub
		super.service(req, resp);
		System.out.println("MyProfile service 메서드 호출!");
	}
}

GugudanServlet.java

package ex1;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class GugudanServlet
 * Servlet 3.0부터 어노테이션 기반이 제공, web.xml 작성이 불필요하다.
 */
@WebServlet("/GugudanServlet") // web.xml을 대신한다.
public class GugudanServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
 
	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
    throws ServletException, IOException {
		// SetvletResponse 객체, 즉 웹 브라우저로 전송하는 스트림
		response.setContentType("text/html; charset=EUC-KR"); // 최상위
		PrintWriter out = response.getWriter();
		StringBuffer sb = new StringBuffer();
		sb.append("<!DOCTYPE html>");
		sb.append("<html>");
		 sb.append("<head>");
		  sb.append("<meta charset=\"euc-kr\">");
		  sb.append("<title> 구구단").append("</title>");
		 sb.append("</head>");
		 sb.append("<body>");
		  sb.append("<table border=\"1\">");

		  // tr 태그는 하나의 row, td는 하나의 column
		  // <td>데이터</td>
		  // 최소한 한개의 td는 반드시 한개의 tr로 이루어진다
		  for (int i=0; i<=9; i++) {
			  sb.append("<tr>");	  
			  for (int j=2; j<=9; j++) {
				  if(i == 0) {
					  sb.append("<td>").append(j);
					  sb.append("단");
					  sb.append("</td>");  
				  } else {
					  sb.append("<td>").append(j);
					  sb.append("x").append(i);
					  sb.append("=").append(i*j);
					  sb.append("</td>");
				  }
			  }
			  sb.append("</tr>");
		  }
		  sb.append("</table>");
		 sb.append("</body>");
		sb.append("</html>");
		out.println(sb.toString());
	}
}

- cgi : C언어 기반으로 웹 어플리케이션을 처리

프로세스 단위로 이루어져 있다. 단점 : 무겁고 어렵다.

<Thread 기반>

- php : 인터프리터 기반, Apache의 웹 어플리케이션 모듈

- asp : 비주얼 베이직 기반의 웹 어플리케이션

- servletJSP : 자바 기반의 스레드 단위로 동작하는 웹 어플리케이션

- Servlet의 기본 아키텍처와 JSP

- JSP 표기법 - 스크립트 릿 방식

- JSP 개발 방법 : Model1, Model2 , 패턴 - > MVC 패턴

- JSP 내장 API : request,respose =>

- JSP Scope

***** < 웹 라이프사이클> *****

1. 클라이언트가 요청을 한다.

2. web.xml에서 해당 요청의 url을 확인한 후에 요청으로 매핑 된 Servlet을 최초로 생성한다

(톰 캣이 처음 시작되었을 때...)

2-1. WAS는 무조건 새로운 요청이 왔을 때 HttpServletRequest, HttpServletResponse를 생성해둔다.

3. init() 을 호출한다. - 서블릿 객체 초기화

4. service() 를 호출할 때 2-1에서 생성해둔 두 객체를 인자값으로 전달하면서 호출한다. (Thread)

5. service() 에서 분석 된 전송방식(get,post)에 따라서 doXXX 메서드를 호출하면서

HttpServletRequest, HttpServletResponse 를 전달하게 된다.

6. doGet() 이나 doPost()를 통해서 할일을 하고(비지니스 로직)

7. Response 객체를 통해서 브라우저로 전송한다.

============================================

HTTP 프로토콜 (웹 서버) - HttpRequest, HttpResponse

■ HTTP 프로토콜은 웹 서버와 웹 브라우저사이의 통신에 사용하는 프로토콜이다.

■ HTTP 프로토콜은 요청(Request)과 응답(Response)으로 이루어진 프로토콜이다.

■ HTTP 요청은 HTTP 메소드, 요청 URL, 서버에 전달한 정보로 이루어져 있다.

■ HTTP 응답은 요청에 대한 서버의 응답으로서 상태코드, 컨텐츠 타입정보, 컨텐츠로 구성되어 있다.

Web Container (웹 컨테이너, WAS) - HttpServletRequest, HttpServletResponse

■ 컨테이너는 웹서버와 서블릿 사이의 통신을 지원한다.

■ 컨테이너는 서블릿의 생명주기를 관리한다.

■ 컨테이너는 새로운 요청이 들어올 때 마다 자바 스레드를 생성해서 사용자의 요청을 처리한다.

■ 컨테이너는 선언적인 방법으로 보안관련 내용을 설정할 수 있다.

-> 사용자의 요청을 대기하는 스레드를 통해서 Servlet을 관리한다

서블릿

■ 서블릿은 웹 서버에서 실행되는 자바 프로그램이다. (톰캣[WAS]에서 관리되는..)

■ 서블릿은 사용자의 요구에 따라서 동적으로 웹 컨텐츠를 생산해서 클라이언트 측에 전송하는 자바 기술이다.

■ javax.servlet.http.HttpServlet 클래스를 상속받아서 사용자정의 서블릿 프로그램을 작성한다.

서블릿의 실행과정

■ 사용자가 url을 클릭해서 컨테이너(ex.톰캣)에 새로운 요청을 한다.

■ 컨테이너는 요청을 접수한 다음, HttpServletRequest와 HttpServletResponse 객체를 생성한다.

■ 접수된 url을 분석해서 해당 서블릿 객체를 생성하고, 사용자의 요청을 처리하기 위해 스레드를 생성한다.

■ 서블릿의 service() 메소드를 호출하고, 요청방식에 따라서 어떤 메소드를 호출할지 결정한다. get, post

■ 서블릿의 doGet()메소드를 호출해서 사용자의 요청을 처리하고, 응답을 작성한다.

■ 작성된 응답을 클라이언트에 전송한다.

■ 사용자의 요청을 처리하기 위해 생성한 스레드를 소멸시킨다.

배포 서술자(web.xml)

■ 배포 서술자는 서블릿과 jsp를 어떻게 실행하는냐에 관한 정보가 들어있다.

■ 배포 서술자에서는 서블릿과 URL을 매핑시키는 작업을 한다.

■ 배포 서술자는 URL 매핑외에 보안역할 설정, 오류 페이지 설정, 초기화 구성

등의 내용을 설정할 수 있다.

[세미 프로젝트] 4. GUI 제작 및 테이블, DTO 설계, 추상메서드

Feels_Good — Mon, 15 Mar 2021 22:01:07 +0900

일시 : 2021년 3월 13일(토) 오후 2시 30분 4차 회의

시간 : 4시간

내용 : GUI 제작 및 테이블, DTO 설계, 추상메서드

토요일 팀원 모두 강의실에 같이 바로바로 의견나누며 GUI와 테이블 제작해보기 위해 모였습니다.

김미연님과 홍영의님이 GUI를 제작하셨고 이건님, 윤하늘님, 윤상필 3명이서 테이블 구성 및 추상메서드를

정의해보았습니다.

-------고객정보 테이블
create table customer(
cnum number,
cname varchar2(35)constraint customer_cname_nn not null, 
cphone varchar2(30) constraint customer_cphone_nn not null, 
caddr varchar2(100),
constraint customer_cnum_pk primary key(cnum),
constraint customer_cphone_uq unique(cphone)
 );
create sequence customer_seq
increment by 1
start with 1;
--------관리자 계정
insert into customer values(customer_seq.nextval,'admin','kosmo7979','');   --마지막 칸에 null값이 들어간다
--------관리자 계정 확인
select cnum 고객번호, cname 고객명, cphone 고객연락처, caddr 주소 from customer;
/*  -- 실행 오류
insert into customer 
(cnum,cname,cphone)
values(customer_seq.nextval,'kosmo79','kosmo7979');
*/
-------제품 테이블
create table product(
pronum number,
proname varchar2(100) constraint product_proname_nn not null,
proprice number(20) constraint product_proprice_nn not null,
prostock number(7) constraint product_prostock_nn not null,
constraint product_pronum_pk primary key(pronum),
constraint product_proname_uq unique(proname)
);
create sequence product_seq
increment by 1
start with 1;

-------제품 입력
insert into product values(product_seq.nextval,'새우깡', 1500, 150);
insert into product values(product_seq.nextval,'자갈치', 1500, 150);
insert into product values(product_seq.nextval,'감자깡', 1500, 150);
insert into product values(product_seq.nextval,'고구마깡', 1500, 150);
insert into product values(product_seq.nextval,'치토스', 1500, 150);
insert into product values(product_seq.nextval,'바나나킥', 1500, 150);
insert into product values(product_seq.nextval,'홈런볼', 1500, 150);
insert into product values(product_seq.nextval,'커피', 1200, 150);
insert into product values(product_seq.nextval,'홍차', 800, 150);
insert into product values(product_seq.nextval,'프링글스', 4500, 150);
insert into product values(product_seq.nextval,'핫바', 1800, 150);
insert into product values(product_seq.nextval,'떢볶이', 3500, 150);
insert into product values(product_seq.nextval,'뿌셔뿌셔', 1500, 150);
insert into product values(product_seq.nextval,'빼빼로', 1000, 150);
insert into product values(product_seq.nextval,'사이다', 1200, 150);
insert into product values(product_seq.nextval,'콜라', 1400, 150);
insert into product values(product_seq.nextval,'환타', 1100, 150);
insert into product values(product_seq.nextval,'맥콜', 800, 150);
insert into product values(product_seq.nextval,'여명', 4500, 150);
insert into product values(product_seq.nextval,'햇반', 2500, 150);
insert into product values(product_seq.nextval,'삼각김밥', 1200, 150);
insert into product values(product_seq.nextval,'김밥', 2000, 150);
insert into product values(product_seq.nextval,'샌드위치', 2000, 150);
insert into product values(product_seq.nextval,'도시락', 4800, 150);
insert into product values(product_seq.nextval,'손톱깍이', 2800, 150);
insert into product values(product_seq.nextval,'소독약', 1600, 150);
insert into product values(product_seq.nextval,'라면', 800, 150);
insert into product values(product_seq.nextval,'타이레놀', 3000, 150);
insert into product values(product_seq.nextval,'문화상품권', 10000, 150);
insert into product values(product_seq.nextval,'핸드폰 충전기', 7000, 150);
commit;

--제품입력 확인
select pronum 상품코드, proname 상품명, proprice 가격, prostock 수량 from product;

0123456

넷빈즈(NetBeans) 소스 비교 기능

Feels_Good — Wed, 10 Mar 2021 21:28:20 +0900