[62] 230328 Spring: 로그인 후 게시판 목록 보기, 회원 가입 후 MySQL DB에 추가하기 [K-디지털 트레이닝 62일]

230328 Tue 62nd class

Ch. 18 MVC 패턴 구현
진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고

---

오늘 배운 것 중 기억할 것을 정리했다.

---

몰랐던 용어

@Autowired란, 스프링 DI(Dependency Injection)에서 사용되는 어노테이션입니다. 스프링에서 빈 인스턴스가 생성된 이후 @Autowired를 설정한 메서드가 자동으로 호출되고, 인스턴스가 자동으로 주입됩니다. 
(스프링 빈(Bean): 스프링 컨테이너에서 관리하는 자바 객체)
즉, 해당 변수 및 메서드에 스프링이 관리하는 Bean을 자동으로 매핑해주는 개념입니다. @Autowired는 변수, Setter메서드, 생성자, 일반 메서드에 적용이 가능하며 <property>, <constructor-arg>태그와 동일한 역할을 합니다. 

참고: https://life-with-coding.tistory.com/433

참고: https://catsbi.oopy.io/b2de2693-fd8c-46e3-908a-188b3dd961f3

---

 

다시 기억할 것

(질의문 = QUERY = 쿼리 = SQL(Structure Query Language)) 
* 내부 과정 예시
사용자 -> 질의 ( 쿼리문 ) 여기선 select -> DB서버 (select id, password from DB)
(The SELECT statement is used to select data from a database.)
사용자 <- 결과 <- DB서버
참고: https://e2xist.tistory.com/25

---

게시판 목록 보기

아래 코드는 각 컨트롤러와 뷰를 보여준다.
BoardController.java와 list.jsp

코드) BoardController.java

package org.hj.controller;
 
import java.util.ArrayList;
 
import javax.servlet.http.HttpSession;
 
import org.hj.model.AttachFileVO;
import org.hj.model.BoardVO;
import org.hj.model.CriteriaVO;
import org.hj.model.PageVO;
import org.hj.service.BoardService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;
 
@Controller
public class BoardController {
	
	// 비즈니스 모델을 컨트롤러에 연결하기
	@Autowired
	BoardService bs;
 
	@RequestMapping(value = "/board/list", method = RequestMethod.GET)
	// 게시판 목록 리스트
	public String list (Model model, CriteriaVO cri) {
		System.out.println(cri);
		// list.jsp 실행 할 때 select 된 결과를 가져와라
		model.addAttribute("list", bs.list(cri));
		// list.jsp 실행 할 때 PageVO에 저장되어 있는 데이터를 가져와라.
		//                           생성자 호출(매개변수가 2개인 생성자)
		// board테이블(게시판테이블)에 전체 건수(select해서)를 아래에 190대신에 대입
		int total=bs.total(cri);
		//model.addAttribute("paging", new PageVO(cri, 190));
		model.addAttribute("paging", new PageVO(cri, total));
		return "board/list";
	}
	// 게시판 상세 페이지
	@RequestMapping(value = "/board/detail", method = RequestMethod.GET)
	// public String detail(int bno){
	public String detail (BoardVO board, Model model) {
		System.out.println(board);
		// bs.detail(bno);
		model.addAttribute("detail", bs.detail(board));
		return "board/detail";
	}
	// 게시판 수정
	@RequestMapping(value = "/board/modify", method = RequestMethod.POST)
	public String modify (BoardVO board, RedirectAttributes rttr) {
		bs.modify(board);
		rttr.addAttribute("bno", board.getBno());
		// 수정하고 난 뒤 확인을 위해 상세페이지로 화면이동
		return "redirect:/detail";
	}
	
	// 게시판 삭제
	@RequestMapping(value = "/board/remove", method = RequestMethod.POST)
	public String remove (BoardVO board) {
		bs.remove(board);
		return "redirect:/list";
	}
	
	// 게시판 글쓰기 페이지 (화면)
	@RequestMapping(value = "/write", method = RequestMethod.GET)
	public String write () {
		return "board/write";
	}
	// 게시판 글쓰기 페이지 (insert 이루어짐)
	@RequestMapping(value = "/write", method = RequestMethod.POST)
	public String writePost (BoardVO board) {
		System.out.println(board);
		// 비즈니스 영역 연결한 후 BoardService
		bs.write(board);
		return "redirect:/list";
	}
	// 해당게시물의 첨부파일의 데이터를 ajax로 전송
	@RequestMapping(value = "/attachlist", method = RequestMethod.GET)
	public ResponseEntity<ArrayList<AttachFileVO>> uploadAjaxPost(int bno) {
		
		return new ResponseEntity<>(bs.attachlist(bno),HttpStatus.OK);
	}
 
}

코드) 게시판 목록을 보여준다. list.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>   
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/resources/js/list.js"></script>
</head>
<body>
 
<h1>게시판 목록입니다</h1>
<input type="button" value="글쓰기" onclick="location.href='http://localhost:8080/write'">
<form id="searchForm" action="/board/list" method="get">
 
	<select name="type">
		<option value="T">제목</option>
		<option value="C">내용</option>
		<option value="TC">제목+게시글</option>
	</select>
	<input type="text" name="keyword" value="${paging.cri.keyword}">
	<input type="text" name="pageNum" value="${paging.cri.pageNum}">
	<input type="text" name="amount" value="${paging.cri.amount}">
	<input type="button" value="검색">
</form>
 
<table border="1">
	<tr>
		<td>게시판번호</td> <td>제목</td> <td>작성일자</td> <td>조회수</td>
	</tr>
	
	<!-- for문 시작 -->
	<c:forEach items="${list}" var="boardlist">
		<tr>
			<td>${boardlist.bno}</td>
			<td><a href="/board/detail?bno=${boardlist.bno}">${boardlist.title}</a></td>
			<td>${boardlist.regdate}</td>
			<td>${boardlist.cnt}</td>
		</tr>
	</c:forEach>
	<!-- for문 끝 -->
</table>
<!-- prev(이전)이 true이면 이전버튼 활성화 -->
<c:if test="${paging.prev}">
	<a href="/board/list?type=${paging.cri.type}&keyword=${paging.cri.keyword}&pageNum=${paging.startPage-1}&amount=${paging.cri.amount}">이전</a>
</c:if>
 
<!-- begin(1)이 end(10)될 동안 반복(1일 10일 될 동안 반복) -->
<c:forEach begin="${paging.startPage}" end="${paging.endPage}" var="num">
 	<a href="/board/list?type=${paging.cri.type}&keyword=${paging.cri.keyword}&pageNum=${num}&amount=${paging.cri.amount}">${num}</a>
</c:forEach>
 
<!-- next(다음)이 true이면 다음버튼 활성화 -->
<c:if test="${paging.next}">
	<a href="/board/list?type=${paging.cri.type}&keyword=${paging.cri.keyword}&pageNum=${paging.endPage+1}&amount=${paging.cri.amount}">다음</a>
</c:if>
 
</body>
</html>

---

View NAVER 화면	http://naver.com/login?id=aaa&password=1234  -------------------> (데이터 보낸다.)	Controller (데이터 받는다.)	------------------->	Model String id String password
	http://naver.com  ------------------->		-----> 서비스 (ex. BoardService from BoardController.java) 로직 부분, 논리 판단 (ex. id, password가 DB와 일치하는지 판단) <-----	| | | v
	네이버 메인페이지 <-------------------			DB (Mapper)

회원가입은 INSERT하고 DB에서 끝난다. 
로그인이면 화면에서 id, password 던지고 Controller, Model에서 넘어가서 DB에서 SELECT한다.

메서드의 매개변수를 통해서 저장한다. 순서대로 View -> Controller -> Model -> DB로 간다.
메서드의 리턴 역할은 반대로 DB -> Model -> Controller -> View 순으로 가는 것이며, 사용자가 알 수 있다. (ex. ~님 환영합니다. 같은 화면)

서비스 예시의 BoardService from BoardController.java

	// 비즈니스 모델을 컨트롤러에 연결하기
	@Autowired
	BoardService bs;

---

3-tier 서비스: 참고

중간에 서비스(로직 부분)를 넣는다.
서비스를 빼도 화면은 돌아간다. 유지보수 차원에서 처리한다. 
유지보수할 때 서비스만 보면 된다. 

BoardController.java가 BoardServiceImpl.java랑 연결하고
BoardServiceImpl.java는 DB와 연결된다.

BoardServiceImpl.java는 DB와 연결된다.

BoardService.java (인터페이스: 설계를 한다. 추상 메서드를 만든다. ;로 끝났다.)
-> BoardServiceImpl.java (구현: 상속을 받아서 구현한다. {}로 닫는다. )

코드) BoardService.java

package org.hj.service;
 
import java.util.ArrayList;
 
import org.hj.model.AttachFileVO;
import org.hj.model.BoardVO;
import org.hj.model.CriteriaVO;
 
public interface BoardService { //인터페이스: 설계를 한다. 추상 메서드를 만든다. ;로 끝났다.
 
	// 글쓰기 설계          (BoardVO : 게시판정보+파일업로드정보)
	public void write(BoardVO board);
	// 글 목록 리스트 설계
	public ArrayList<BoardVO> list(CriteriaVO cri);
	// 글 상세 내용 보기 설계
	public BoardVO detail(BoardVO board);
	// 글 수정 설계
	public void modify(BoardVO board);
	// 글 삭제 설계
	public void remove(BoardVO board);
	// board테이블 전체건수 설계
	public int total(CriteriaVO cri);
	// 첨부파일 조회 설계
	public ArrayList<AttachFileVO> attachlist (int bno);
}

코드) BoardServiceImpl.java

package org.hj.service;
 
import java.util.ArrayList;
 
import org.hj.mapper.BoardAttachMapper;
import org.hj.mapper.BoardMapper;
import org.hj.model.AttachFileVO;
import org.hj.model.BoardVO;
import org.hj.model.CriteriaVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
 
	@Service
	public class BoardServiceImpl implements BoardService { //구현: 상속을 받아서 구현한다. {}로 닫는다. 
		
		@Autowired
		BoardMapper bm;	// board 테이블 mapper //DB(데이터베이스)부분이다. 서비스 안에 DB를 포함시켜 놓았다.
		@Autowired
		BoardAttachMapper bam;// attach테이블 mapper
		
		// BoardService 에서 설계되어진 write 추상메서드를 구현
		public void write(BoardVO board) {
			// BoardMapper에 있는 write메서드를 호출
			// 메서드의 매개변수를 통해 BoardVO 값을
			// BoardMapper의 write 메서드로 전달
			bm.write(board);
			
			board.getAttach().forEach(attach->{
				System.out.println("service="+attach);
			// AttachFileVO의 bno에 BoardVO의 bno를 저장 
				attach.setBno(board.getBno());
				bam.insert(attach);				
			});
		}
		
	
		// BoardService에서 설계되어진 list추상메서드를 구현
		public ArrayList<BoardVO> list(CriteriaVO cri) {
			return bm.list(cri);
		}
	
		@Transactional
		public BoardVO detail(BoardVO board) {
			// 상세페이지 조회 할 때
			// 조회수 + 1 update
			bm.cntup(board);
			return bm.detail(board);
		}
		// BoardService에서 설계되어진 modify 추상메서드를 구현
		public void modify(BoardVO board) {
			bm.modify(board);
		}
		// BoardService에서 설계되어진 remove 추상메서드를 구현
		public void remove(BoardVO board) {
			bm.remove(board);
		}
		public int total(CriteriaVO cri) {
			return bm.total(cri);
		}
		// 첨부파일 조회 구현
		public ArrayList<AttachFileVO> attachlist (int bno){
			return bam.attachlist(bno);
		}
}

BoardMapper.xml에 SQL이 들어가있다.

코드) 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="org.hj.mapper.BoardMapper">
   
  		<!-- 제목, 내용을 board테이블 insert -->
  		<insert id="write">
  			<selectKey keyProperty="bno" order="BEFORE" resultType="int">
  				select max(bno)+1 bno
				from board
  			</selectKey>
 
  			insert into board(bno,title, content)
			values(#{bno},#{title}, #{content})
  		</insert>
 
  		
  		<select id="list" resultType="org.hj.model.BoardVO">
  			
  			select *
			from(
				select @rownum:=@rownum+1 rownum, b.*
				from board b, (select @rownum:=0) as tmp
				<if test="keyword != null">
					<choose>
						<when test="type=='T'.toString()">
							 where title like concat('%',#{keyword},'%')
						</when>
						<when test="type=='C'.toString()">
							where content like concat('%',#{keyword},'%')
						</when>
						<otherwise>
							where title like concat('%',#{keyword},'%')
					      OR  content like concat('%',#{keyword},'%')
						</otherwise>
					
					</choose>
 
			    </if>
			    order by bno desc
			) as boardlist
			<![CDATA[
			where rownum > (#{pageNum}-1)*#{amount} and rownum <= #{pageNum}*#{amount}
			]]>
  		</select>
  		
  		<select id="detail" resultType="org.hj.model.BoardVO">
  			select * from board
  			where bno=#{bno}
  		</select>
  		<update id="cntup">
  			update board
			set cnt = cnt + 1
			where bno = #{bno}
  		</update>
  		
  		
  		<update id="modify">
  			update board
  			set title=#{title}, content=#{content}
  			where bno=#{bno}
  		</update>
  		
  		<delete id="remove">
  			delete from board
  			where bno=#{bno}
  		</delete>
  		<select id="total" resultType="int">
  			select count(*) from board
  			<if test="keyword != null">
						
			<choose>
				<when test="type=='T'.toString()">
					 where title like concat('%',#{keyword},'%')
				</when>
				<when test="type=='C'.toString()">
					where content like concat('%',#{keyword},'%')
				</when>
				<otherwise>
					where title like concat('%',#{keyword},'%')
			      OR  content like concat('%',#{keyword},'%')
				</otherwise>
			
			</choose>
			
			
			</if>
  		</select>
  		
  </mapper>

---

사용자가 보는 것)

http://www.naver.com

---------->

Controller

---------->

Naver 메인페이지

 

회원가입 예시)

회원가입은 insert하고 DB에서 끝난다. 
사용자 -> 질의 ( 쿼리문 ) 여기선 insert -> DB서버
(사용자가 insert를 DB서버로 보낸다.)
참고: https://e2xist.tistory.com/25

Naver 회원가입 (http://www.naver.com) id [abcd] pw [1234] name [정자바] 회원가입 (form 태그 쓴다. action으로 Controller로 간다.)	[Model] Member String id [abcd] String password [1234] String name [정자바]	Member Controller	[Model] Member String id [abcd] String password [1234] String name [정자바]	DB(Mapper)
				^ | insert  |            |
	---------->		---------->	Service

예시 코드) LoginMapper.xml 일부

	<insert id="memreg">
  		insert into member (id, password, name, birthday, gender)
  		values(#{id},#{password},#{name},sysdate(),"f");
	</insert>

---

로그인 예시) 

로그인은 화면에서 id, password 던지고 Controller, Model에서 넘어가서 DB에서 select한다. 그 결과를 가지고 로그인 해도 된다, 안 된다를 판단한다. 
(질의문 = QUERY = 쿼리 = SQL(Structure Query Language)) 
* 내부 과정 예시
사용자 -> 질의 ( 쿼리문 ) 여기선 select -> DB서버 (select id, password from DB)
(The SELECT statement is used to select data from a database.)
(사용자가 select를 DB서버로 보낸다.)
사용자 <- 결과 <- DB서버
참고: https://e2xist.tistory.com/25

select한 것을 화면으로 뿌려주기 위해 다시 보내니까 화살표는 양방향이다.
select된 결과를 화면까지 가져간다.(화살표 방향 다시 되돌아감)

Naver 로그인 (http://www.naver.com) id [abcd] pw [1234] name [정자바] 로그인	[Model] Member String id [abcd] String password [1234]	Member Controller	[Model] Member String id [abcd] String password [1234]	DB(Mapper)
				^    | |    select | |              | |    v
	----------> <----------		----------> <----------	Service
^                    | Model 객체 --	[Model] Member String id [abcd] String password [1234]		[Model] Member String id [abcd] String password [1234]

예시 코드) LoginMapper.xml 일부 (조건 검사)

	<select id="login" resultType="org.hj.model.LoginVO">
  		select id, password
  		from member
  		where id=#{id} and password=#{password}
	</select>

참고: https://beautify-log.tistory.com/57

참고: https://jione-e.tistory.com/122

---

Model 객체는 아래 코드에서 확인할 수 있다.
코드) HomeController.java

package org.hj.controller;
 
import java.util.Locale;
 
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
 
@Controller
public class HomeController {
	
	@RequestMapping(value = "/", method = RequestMethod.GET)
// 접근제어자  반환타입  메서드명(매개변수, 매개변수)
//public 접근 제한자, String 리턴 타입, home 메서드, (매개변수타입,매개변수명)
	public String home(Locale locale, Model model) { //지금은 쓰임이 없다. (그냥 있는 것.)
		return "home"; //home이라는 메서드를 실행한다. //메모장의 URL주소가 호출한 것이다. 
						// /WEB-INF/views/home.jsp
	}
	@RequestMapping(value = "/drop", method = RequestMethod.GET)
	// 접근제어자  반환타입  메서드명(매개변수, 매개변수)
		public String drop() {
			return "drop";
		}
}

---

회원 가입 후 id, password, name을 MySQL DB에 추가하기

아래는 MySQL에 데이터가 추가되도록 수정된 코드이다.
주석에 표시를 해뒀다.

코드) MemberController.java

화면 실행, 서버는 각 Get, Post 방식인데 둘 다 Get이면 충돌이 일어나서 그렇다.

	@Autowired
	LoginService ls; //LoginService ls = new LoginService(); 클래스를 new를 써서 객체화한 것

 

package org.hj.controller;
 
import javax.servlet.http.HttpSession;
 
import org.hj.model.LoginVO;
import org.hj.service.LoginService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
 
@Controller
public class MemberController {
 
	@Autowired
	LoginService ls;
	
	// 회원가입 //화면 실행을 위한 멤버 (GET방식)
	@RequestMapping(value = "/member", method = RequestMethod.GET) //member 메서드 GET 방식
	public String member () {
		return "member/memberin";
	}
	
	// 회원가입서버 //실제로 가입하기 위한 멤버 (POST방식)
	@RequestMapping(value = "/member", method = RequestMethod.POST) //둘 다 GET이면 충돌이 일어난다. 메서드 방식이 POST이다.
	//			int	a //member는 참조 변수
	public String memberPost (LoginVO member) {
		System.out.println(member); //member.toString()이 생략된 것이다.
		//#####새로 추가함#####
		ls.memreg(member);
		return "board/list"; //board 폴더의 list.jsp를 실행한다. 게시판 목록을 보여준다.
	}
	
	
	
	
	// 로그인 페이지
	@RequestMapping(value = "/login", method = RequestMethod.GET)
	public String login () {
		System.out.println("aaaa");
		return "member/login";
	}
	
	// 로그인 서버
	@RequestMapping(value = "/login", method = RequestMethod.POST)
	public String loginPost (HttpSession session, LoginVO member) {
		
/*		System.out.println("contorller="+member);
		System.out.println(ls.login(member));*/
		
		session.setAttribute("login", ls.login(member));
		
		if (ls.login(member)==null) {
			return "member/login";
			} else {	
				return "redirect:/list";	
			}
		
		
		}
	
	// 회원관리페이지
	// 회원정보수정 및 삭제
	
}

코드) LoginServiceImpl.java

	@Autowired
	LoginMapper lm;

package org.hj.service;
 
import org.hj.mapper.LoginMapper;
import org.hj.model.LoginVO;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
 
@Service
public class LoginServiceImpl implements LoginService {
	
	@Autowired
	LoginMapper lm;
	
	//#####새로 추가함#####
	public void memreg(LoginVO member) {
		lm.memreg(member);
	};
	
	public LoginVO login (LoginVO member) {
		System.out.println("service="+member);
		System.out.println("service return="+lm.login(member));
		return lm.login(member);
	}
}

코드) LoginMapper.java

package org.hj.mapper;
 
import org.hj.model.LoginVO;
 
public interface LoginMapper {
	//#####새로 추가함#####
	public void memreg(LoginVO member);
	public LoginVO login(LoginVO member);
}

코드) LoginService.java

package org.hj.service;
 
import org.hj.model.LoginVO;
 
public interface LoginService {
	//#####새로 추가함#####
	public void memreg(LoginVO member);
	public LoginVO login(LoginVO member);
}

코드) LoginMapper.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="org.hj.mapper.LoginMapper">
  
  <!-- #####새로 추가함##### -->
	<insert id="memreg">
  		insert into member (id, password, name, birthday, gender)
  		values(#{id},#{password},#{name},sysdate(),"f");
	</insert>
  
  	
	<select id="login" resultType="org.hj.model.LoginVO">
  		select id, password
  		from member
  		where id=#{id} and password=#{password}
	</select>
  
  </mapper>

---

결과) 회원가입을 하면 바로 그 다음에 게시판 목록이 나온다.

회원 가입 화면

게시판 목록 화면

MySQL DB(member)에 2023-03-28 날짜로 올라간 게 보인다.

SQL의 member 테이블

코드) login.jsp
위치 (SpringEx\src\main\webapp\WEB-INF\views\member\login.jsp)

<%@ 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>
 
<h1>로그인</h1>
 
<form action="/login" method="post">
아이디 <input type="text" name="id">
비밀번호 <input type="text" name="password"><br>
 
<input type="submit" value="로그인"> <!-- 아직 설정을 안 해서 안 뜬다. -->
<input type="button" value="회원가입" onclick="location.href='http://localhost:8080/member'">
</form>
 
</body>
</html>

결과)

로그인 화면

콘솔창의 결과)

로그인 했을 때의 콘솔에서 나오는 오류 메시지들

콘솔에서 오류를 볼 수 있는데, 아이디, 비밀번호를 입력 안 하면 제일 아래의 오류 메시지들이 나온다.

service=LoginVO [id=, password=, addr=null, phone=null, email=null, name=null, age=0]
service return=null

직접 아이디, 비밀번호(id=hi0328, password=1234)를 입력한 경우, 위의 오류 메시지들이 나온다.

service=LoginVO [id=hi0328, password=1234, addr=null, phone=null, email=null, name=null, age=0]
service return=LoginVO [id=hi0328, password=1234, addr=null, phone=null, email=null, name=null, age=0]
service=LoginVO [id=hi0328, password=1234, addr=null, phone=null, email=null, name=null, age=0]
service return=LoginVO [id=hi0328, password=1234, addr=null, phone=null, email=null, name=null, age=0]
WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/list] in DispatcherServlet with name 'appServlet'
aaaa

직접 id, password 입력했을 때의 오류 페이지

---