Tsunayoshi Tsuna Sawada - Katekyo Hitman Reborn 3 스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 [Cookie & Session] — 개발하는 핸니
 

👩‍💻 로그인 처리1 - 쿠키, 세션

 

 

📌로그인 요구사항

✏️로그인 요구사항

: 로그인 요구사항에 대해 먼저 알아보자.

 

"홈 화면 " - 로그인 전

"홈 화면 " - 로그인 후

" 로그인 " , " 회원 가입", " 상품 관리"

 

 

 

 

 

 

 

 

 

 

 

📌홈 화면

✏️홈 화면 개발
:홈 화면을 개발하자.

기본 홈 화면
 HomeController를 생성하고, templates에 /home.html을 추가하였다.

 

 

 

✏️회원 가입

:회원 가입 화면 개발

Member.java
 Member Class를 생성해주었다.

사용자가 로그인 할 때 저장되는 아이디값을 loginId, 사용자 이름을 name, 비밀번호를 password라는 변수로 생성해주었고,
빈 값이 들어오면 안되기때문에 @NotEmpty Validation을 사용하였다.

 

MemberRepository.java
 Member를 저장하는 MemberRepository Class.
 
public Optional<Member> findByLoginId(String loginId) {
    return findALl().stream().
            filter(m -> m.getLoginId().equals(loginId)).
            findFirst();
}

➡️ 'Optional'이란?
:'Optional' 이라는 통이 있고, 그 안에 회원 객체가 들어가 있을수도, null일 수도 있다.
(값을 직접 Null로 반환하기보다 Optional로 반환하는 것을 권장 함)

➡️ '람다'
: List를 stream이라는 것으로 바꾸고 루프를 돌게 된다
.filter를 한다면 (m -> m.getLoginId().equals(loginId)조건에 만족하는 애만 다음 단계로 넘어감.
(만족하지 않은애는 버려짐)

(m -> m.getLoginId().equals(loginId): 멤버리스트에서, 멤버의 로그인 아이디와 loginId와 같으면 넘겨짐
findFirst() -> 먼저 나온 애를 받아서 반환함 (뒤에 남은 애들은 무시 됨)

 

 

MemberController.java

 

 

 

 

 

 

 

 

 

 

📌로그인 기능

✏️로그인 기능 개발
:로그인 기능을 개발하자.

 

LoginService.java

로그인의 핵심 비즈니스 로직은 회원을 조회한 다음에 파라미터로 넘어온 password와 비교해서 같으면 회원을 반환하고,
만약 password가 다르면 `null` 을 반환한다.
LoginForm.java
LoginController.java
로그인 컨트롤러는 로그인 서비스를 호출해서 로그인에 성공하면 홈 화면으로 이동하고, 로그인에 실패하면 `bindingResult.reject()` 를 사용해서 글로벌 오류( `ObjectError` )를 생성한다.
그리고 정보를 다시 입력하도록 로그인 폼을 뷰 템플릿으로 사용한다.

 

 

 

정리

실행해보면 로그인이 성공하면 홈으로 이동하고, 로그인에 실패하면 "아이디 또는 비밀번호가 맞지 않습니다."라는 경고와 함께 로그인 폼이 나타난다. 그런데 아직 로그인이 되면 홈 화면에 고객 이름이 보여야 한다는 요구사항을 만족하지 못한다.
로그인의 상태를 유지하면서, 로그인에 성공한 사용자는 홈 화면에 접근시 고객의 이름을 보여주려면 어떻게 해야할까?

 

 

 

 

 

 

 

 

 

📌로그인 처리하기 - 쿠키 사용

✏️로그인 상태 유지하기 (쿠키)
:로그인의 상태를 어떻게 유지할 수 있을까?

HTTP 강의에서 일부 설명했지만, 쿼리 파라미터를 계속 유지하면서 보내는 것은 매우 어렵고 번거로운 작업이다. 쿠키를 사용해보자.

서버에서 로그인에 성공하면 HTTP 응답에 쿠키를 담아서 브라우저에 전달하자. 그러면 브라우저는 앞으로 해당 쿠키를 지속해서 보내준다.

 

 "쿠키 생성"

 "클라이언트 쿠키 전달"

 

  • 쿠키에는 영속 쿠키와 세션 쿠키가 있다.
    • 영속 쿠키: 만료 날짜를 입력하면 해당 날짜까지 유지
    • 세션 쿠키:만료 날짜를 생략하면 브라우저 종료시까지만 유지

 

쿠키를 직접 생성하여 로그인을 유지하는 코드는 생략했다.

 

 

 

✏️ 쿠키와 보안 문제
:쿠키를 사용해서 로그인Id를 전달해서 로그인을 유지할 수 있었다. 그런데 여기에는 심각한 보안 문제가 있다.

 "대안"

 

"결론"

쿠키의 값은 임의로 변경할 수 있기 때문에, 클라이언트가 쿠키를 강제로 변경하면 다른 사용자가 되기 때문에, 보안상의 문제가 있다.
이를 대안으로 사용자 별로 예측 불가능한 임의의 토큰(랜덤 값)을 노출하고, 서버에서 토큰과 사용자 id를 매핑해서 인식한다.
클라이언트에서 쿠키를 관리하는 것이 아닌 서버에서 관리한다.
또한, 해커가 토큰을 털어도 시간이 지나면 사용할 수 없도록 서버에서 해당 토큰의 만료시간을 짧게(예: 30분) 유지한다.

 

 

 

 

 

 

 

📌로그인 처리하기 - 세션 동작 방식

✏️ 세션 목표
: 앞서 쿠키에 중요한 정보를 보관하는 방법은 여러가지 보안 이슈가 있었다.

이 문제를 해결하려면 결국 중요한 정보를 모두 서버에 저장해야 한다. 그리고 클라이언트와 서버는 추정 불가능한 임의의 식별자 값으로 연결해야 한다. 이렇게 서버에 중요한 정보를 보관하고 연결을 유지하는 방법을 세션이라 한다.

 

 

 

✏️ 세션 동작 방식

: 세션을 어떻게 개발할지 먼저 개념을 이해해보자.

 

 사용자가 `loginId` , `password` 정보를 전달하면 서버에서 해당 사용자가 맞는지 확인한다.

 

1) 세션 ID를 생성하는데, 추정 불가능해야 한다(UUID는 추정이 불가능하다).
2) 'Cookie: mySessionId=zz0101xx-bab9-4b92-9b32-dadb280f4b61' 생성된 세션 ID와 세션에 보관할 값
( `memberA` )을 서버의 세션 저장소에 보관한다.
"클라이언트와 서버는 결국 쿠키로 연결이 되어야 한다."

1)서버는 클라이언트에 `mySessionId` 라는 이름으로 세션ID 만 쿠키에 담아서 전달한다.
2)클라이언트는 쿠키 저장소에 `mySessionId` 쿠키를 보관한다.


여기서 중요한 포인트는 회원과 관련된 정보는 전혀 클라이언트에 전달하지 않는다는 것이다.
오직 추정 불가능한 세션 ID만 쿠키를 통해 클라이언트에 전달한다.
1) 클라이언트는 요청시 항상 `mySessionId` 쿠키를 전달한다.
2) 서버에서는 클라이언트가 전달한 `mySessionId` 쿠키 정보로 세션 저장소를 조회해서 로그인시 보관한 세션 정보를 사용한다.

 

 

 

 

 

 

 

 

 

 

📌로그인 처리하기 - 서블릿 HTTP 세션1

✏️ 세션 목표
: 세션이라는 개념은 대부분의 웹 애플리케이션에 필요한 것이다. 어쩌면 웹이 등장하면서 부터 나온 문제이다.

서블릿은 세션을 위해 `HttpSession` 이라는 기능을 제공하는데, 지금까지 나온 문제들을 해결해준다.

 

"HttpSession"란? 

서블릿이 제공하는 `HttpSession` 도 결국 우리가 직접 만든 `SessionManager` 와 같은 방식으로 동작한다.
서블릿을 통해 `HttpSession` 을 생성하면 다음과 같은 쿠키를 생성한다.

쿠키 이름이 'JSESSIONID'이고, 값은 추정 불가능한 랜덤 값이다.
`Cookie:JSESSIONID=5B78E23B513F50164D6FDD8C97B0AD05`

 

 

✏️ HttpSession 사용

: 서블릿이 제공하는 HttpSession을 사용하도록 개발해보자.

SessionConst.java
 'HttpSession' 에 데이터를 보관하고 조회할 때, 같은 이름이 중복 되어 사용되므로, 상수를 하나 정의했다.

 

LoginController.java
 "세션 생성과 조회"
➡️   세션을 생성하려면 request.getSession(true)를 사용하면 된다.
(public HttpSession getSession(boolean create);)

"세션의 create 옵션에 대해 알아보자"
➡️ request.getSession(true)

ㅇ     세션이 있으면 기존 세션을 반환한다.

ㅇ     세션이 없으면 새로운 세션을 생성해서 반환한다.
➡️ request.getSession(false)

ㅇ     세션이 있으면 기존 세션을 반환한다.
ㅇ     세션이 없으면 새로운 세션을 생성하지 않는다. `null` 을 반환한다.


`request.getSession()` : 신규 세션을 생성하는 `request.getSession(true)` 와 동일하다.


 "세션에 로그인 회원 정보 보관"

➡️`session.setAttribute(SessionConst.LOGIN_MEMBER, loginMember);`

세션에 데이터를 보관하는 방법은 `request.setAttribute(..)` 와 비슷하다.하나의 세션에 여러 값을 저장할 수 있다

 

LoginController.java
'session.invalidate()' : 세션을 제거한다.

 

 

 

 

 

 

 

 

 

 

📌로그인 처리하기 - 서블릿 HTTP 세션2

✏️ @SessionAttribute
:스프링은 세션을 더 편리하게 사용할 수 있도록 `@SessionAttribute` 을 지원한다.

 

이미 로그인 된 사용자를 찾을 때는 다음과 같이 사용하면 된다. 참고로 이 기능은 세션을 생성하지 않는다.

`@SessionAttribute(name = "loginMember", required = false) Member loginMember`

 

HomeController.java
 세션을 찾고, 세션에 들어있는 데이터를 찾는 번거로운 과정을 스프링이 한번에 편리하게 처리해주는 것을 확인할 수 있다.

 

 

 

 

 

 

 

 

 

📌 TrackingModes

✏️ TrackingModes란?
:로그인을 처음 시도하면 URL이 다음과 같이 `jsessionid` 를 포함하고 있는 것을 확인할 수 있다.

 

 

로그인을 처음 시도하면 URL에 jsessionid를 포함
 이것은 웹 브라우저가 쿠키를 지원하지 않을 때 쿠키 대신 URL을 통해서 세션을 유지하는 방법이다.
이 방법을 사용하 려면 URL에 이 값을 계속 포함해서 전달해야 한다. 타임리프 같은 템플릿은 엔진을 통해서 링크를 걸면 `jsessionid` 를 URL에 자동으로 포함해준다.

서버 입장에서 웹 브라우저가 쿠키를 지원하는지 하지 않는지 최초에는 판단하지 못하므로, 쿠키 값도 전달하고, URL에 `jsessionid` 도 함께 전달한다.

URL 전달 방식을 끄고 항상 쿠키를 통해서만 세션을 유지하고 싶으면 아래의 옵션을 넣어주면 된다.
이렇게 하면 URL에 `jsessionid` 가 노출되지 않는다.
application.properties

 

 

 

 

 

 

 

 

📌  세션 정보와 타임아웃 설정

✏️세션 정보 확인
:세션이 제공하는 정보들을 확인해보자.

SessionInfoController.java

 

1) 'sessionId' : 세션Id, 'JSESSIONID' 의 값이다.
예) `34B14F008AA3527C9F8ED620EFD7A4E1`
2) 'maxInactiveInterval' : 세션의 유효 시간
예) 1800초, (30분)
3) 'creationTime' : 세션 생성일시
4) 'lastAccessedTime': 세션과 연결된 사용자가 최근에 서버에 접근한 시간, 클라이언트에서 서버로 
'sessionId' ( 'JSESSIONID' )를요청한 경우에 갱신된다.

5)' isNew' : 새로 생성된 세션인지, 아니면 이미 과거에 만들어졌고, 클라이언트에서 서버로 'sessionId'

( 'JSESSIONID' )를 요청해서 조회된 세션인지 여부

 

 

 

✏️세션 타임아웃 설정

: 세션은 사용자가 로그아웃을 직접 호출해서 `session.invalidate()` 가 호출 되는 경우에 삭제된다. 그런데 대부분 의 사용자는 로그아웃을 선택하지 않고, 그냥 웹 브라우저를 종료한다.

문제는 HTTP가 비 연결성(ConnectionLess) 이므로 서버 입장에서는 해당 사용자가 웹 브라우저를 종료한 것인지 아닌지를 인식할 수 없다. 따라서 서버에서 세션 데이터를 언제 삭제해야 하는지 판단하기가 어렵다.

 

이 경우 남아있는 세션을 무한정 보관하면 다음과 같은 문제가 발생할 수 있다.

 

 

 "세션의 종료 시점"

세션의 종료 시점을 어떻게 정하면 좋을까? 가장 단순하게 생각해보면, 세션 생성 시점으로부터 30분 정도로 잡으면 될 것 같다.
그런데 문제는 30분이 지나면 세션이 삭제되기 때문에, 열심히 사이트를 돌아다니다가 또 로그인을 해서 세션 을 생성해야 한다 그러니까 30분 마다 계속 로그인해야 하는 번거로움이 발생한다.

더 나은 대안은 세션 생성 시점이 아니라 사용자가 서버에 최근에 요청한 시간을 기준으로 30분 정도를 유지해주는 것 이다.
이렇게 하면 사용자가 서비스를 사용하고 있으면, 세션의 생존 시간이 30분으로 계속 늘어나게 된다.
따라서 30 분 마다 로그인해야 하는 번거로움이 사라진다. `HttpSession` 은 이 방식을 사용한다.

 

 

 

✏️세션 타임아웃 설정

: 스프링 부트로 글로벌 설정

 

application.properties
 `server.servlet.session.timeout=60` : 60초, 기본은 1800(30분)
(글로벌 설정은 분 단위로 설정해야 한다. 60(1분), 120(2분), ...)

 

특정 세션 단위로 시간 설정하는 방법

 

 

 

 

 

 

 

 

 

 

 

 

 

'Spring' 카테고리의 다른 글

스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 [예외 처리와 오류 페이지]  (0) 2024.02.23
스프링 MVC 2편 - 백앤드 웹 개발 핵심 기술 [Servlet Filter && Interceptor]  (0) 2024.02.21
스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 [Bean Validation]  (0) 2024.02.14
스프링 MVC 2편 - 백엔드 웹 개발 핵심 기술 [Validation]  (0) 2024.02.07
스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 - 4  (0) 2024.01.20

티스토리툴바