🔥 TIL - Day 43

📌 5주차 타임어택 구현 테스트 리뷰

이번 구현 테스트의 핵심은 인증이였다.
회원가입, 로그인, 인증확인 등의 기능이 필수 요구사항이였다.

이번 테스트에서 처음 경험한 부분은 인증에 대한 클라이언트 측 처리였다.
인증을 하게 되면 서버는 토큰을 발급하고 클라이언트는 어딘가에 보관하고 매 요청마다 발급받은 토큰을 함께 보내줘야 한다.

어떻게 서버로 토큰을 보내야 할까?

여러 방법이 있겠지만 답안을 통해 확인한 방법은 ajaxSetup 이다.
ajaxSetup은 모든 ajax요청에 대한 설정을 하는 부분이다.
즉 매 요청마다 헤더에 어떤 값을 설정하는 것도 가능하다.

$(document).ready(function() {
  
  $.ajaxSetup({
        beforeSend: function (xhr) {
            if (sessionStorage.getItem('token') != null) {
                xhr.setRequestHeader('Authorization', sessionStorage.getItem('token'));
            }
        }    
  });          
}

이제 매 ajax 요청마다 sessionStorage에 토큰이 있다면 헤더에 토큰을 추가해서 요청하게 된다.