(구버전) 스프링 게시판 만들기 #13. 로그인 기능 구현

'(구버전) 스프링 게시판 만들기'는 내용이 부족하다고 판단하여
스프링 게시판 만들기를 새로 작성하였습니다.

링크 및 참조용으로 현재 게시물은 남겨두겠지만,
가급적이면 새로운 스프링 게시판 만들기를 참조해주시기 바랍니다.

회원가입 기능이 완성되었으니, 로그인 기능도 추가합니다. 회원가입이 게시물 작성이라면, 로그인은 게시물 조회에 해당됩니다. 회원 아이디(게시물 제목)과 비밀번호(게시물 번호)가 동일한 정보를 가져온다고 생각하시면 됩니다.

현재의 회원정보입니다. 아이디가 kuzuro이며, 비밀번호가 1111로 되어있습니다.

이 회원의 닉네임(userName)을 가져오기 위해선 2가지의 조건이 필요하며, 그 두가지는 아이디(userId)와 비밀번호(userPass)입니다.

select문에서 조건 2개를 넣어서 정상적으로 원하는 결과가 나오는지 확인합니다.

매퍼에 쿼리문을 추가합니다.

<!-- 로그인 -->
<select id="login" resultType="com.kuzuro.domain.MemberVO">
 select
     userId, userName
 from
     myMember
 where userId = #{userId}
     and userPass = #{userPass}
</select>

DAO와 Service에 로그인 관련 메서드를 작성합니다.

컨트롤러에도 관련된 메서드를 작성합니다.

// 로그인
@RequestMapping(value = "/login", method = RequestMethod.POST)
public String login(MemberVO vo, HttpServletRequest req) throws Exception {
 logger.info("post login");
 
 HttpSession session = req.getSession();
 
 MemberVO login = service.login(vo);
 
 if(login == null) {
  session.setAttribute("member", null);  
 } else {
  session.setAttribute("member", login);
 }
   
 return "redirect:/";
}

로그인이 실패하면 어떠한 값도 넘어오지 않으니 null이 되고, 성공하면 매퍼에 있는 쿼리문에 대한 결과가 넘어오게 됩니다.

조건문을 이용해 이 값이 있는지 없는지를 확인하고, 이에 맞게 세션 member에 값을 넣어줍니다. member에는 매퍼에 있는 쿼리문의 결과가 들어가 있습니다.

form에는 action="/member/login" 을 추가해서 post되는 주소를 정해줍니다. 하단에는 ${member.userName} 를 추가해서, 세션에 있는 member의 값을 출력합니다.

아직 로그인이 안되었기 때문에 세션 member의 값이 없으므로, 아무런 표시가 되지 않습니다.

올바른 아이디와 비밀번호를 입력하고 로그인 버튼을 클릭하면

member의 값이 잘 나옵니다.

세션만 보면 로그인이 된건데, 아직도 로그인 폼이 그대로 있는건 이상하니 수정합니다.

로그인 폼을 감싸는 조건문을 작성합니다.

member의 값이 null이라면 로그인이 되지 않았으니 로그인폼을 보여주고, member의 값이 null이 아니라면 로그인이 된것이니 로그인폼은 숨기고 텍스트를 보여줍니다.

로그인하지 않은 상태에서는 하단 텍스트가 보이지 않습니다.

로그인을 하면, 로그인 폼은 없어지고 텍스트만 표시됩니다.

이제 올바르지않은 아이디와 패스워드를 입력하여 로그인을 시도하면

아무런 반응이 없습니다. 로그인 정보가 틀려서 로그인이 실패했다면, 실패했다는 메시지라도 나와야하는데 아무것도 없습니다.

컨트롤러의 로그인 메서드에서, login값이 null인 경우에 값을 추가합니다.

rttr.addFlashAttribute("msg", false);

조건문에 의해 login이 값이 null이라면, msg라는 정보에 false라는 값이 들어가서 전송됩니다. 이 값은 다른 페이지로 이동하거나 새로고침을 하면 없어지는 일회용값입니다.

그리고 jsp에는 로그인이 실패했을 경우 표시될 텍스트를 입력합니다. 조건문을 사용하여 msg의 값이 false라면 표시하고, 아니라면 표시하지 않습니다.

잘못된 아이디와 패스워드를 입력하면, 이렇게 텍스트가 표시됩니다.

게시물 작성을 위한 write.jsp로 이동하여, 작성자 부분을 수정합니다.

로그인한 회원의 닉네임을 표시하고, 수정할 수 없도록 읽기전용(readonly)속성을 부여합니다. 이처럼 세션은 다른 메서드에 정보를 넘겨주지 않아도 그 값을 사용할 수 있습니다.

로그인한 상태에서 게시물 작성 페이지로 오면, 작성자 부분에 자동으로 값이 들어가 있습니다.

로그인하지 않았다면 작성자 부분은 비어있는 상태가 되고, 비어있다면 값이 null이 됩니다. 하지만 작성자의 값이 null이라면 에러가 발생하게 됩니다.

에러가 발생하지 않도록 중간에서 가로채서(interceptor)하는 방법과 화면에 직접 표시해서 이동하는 방법이 있는데, 후자로 진행하겠습니다.

컨트롤러에서 세션값을 가져와서 로그인여부를 확인합니다.

Object loginInfo = session.getAttribute("member");

if(loginInfo == null) {
 model.addAttribute("msg", false);
}

세션의 타입은 오브젝트이므로, 변수 loginInfo의 선언은 오브젝트(Object)로 해야합니다. loginInfo가 null이면 로그인 상태가 아니므로, msg에 false값을 넣어주게됩니다.

그후 msg에 대한 조건문을 넣어서 표시되는 화면을 제어합니다.

로그인하지 않은 상태에서 게시물 작성 페이지로 이동하면, 이렇게 텍스트만 표시됩니다.

로그인을 한 상태에서 게시물 작성 페이지로 이동하면 텍스트는 표시되지 않고, 작성자 부분에 로그인한 회원의 닉네임이 자동으로 입력됩니다.

지금까지 false(부정)만 사용했지만, 이렇게 문자열을 넣어서 사용할수도 있습니다.

문자열인 경우 작은 따옴표를 이용합니다.

로그인을 할 수 있다면, 당연히 로그아웃도 할 수 있어야합니다.

로그인했을 때 보여질 부분에, 로그아웃을 위한 링크를 추가합니다.

로그아웃은 데이터베이스에 접근할 필요가 없으며, 현재 가진 세션값을 제거해주기만 하면 되기 때문에 컨트롤러에서 작업이 끝납니다.

// 로그아웃
@RequestMapping(value = "/logout", method = RequestMethod.GET)
public String logout(HttpSession session) throws Exception {
 logger.info("get logout");
 
 session.invalidate();
   
 return "redirect:/";
}

로그인한 상태에서 로그아웃 링크가 보이고, 로그아웃 링크를 클릭하면

로그아웃이 됩니다.