인증(Authentication)

인가(Authorization)

2. 저장소 종류와 특징

저장소 위치 특징 보안
sessionStorage 클라이언트 브라우저 탭별 저장. 새로고침은 유지, 탭 닫으면 삭제됨 JS 접근 가능. XSS 취약. HttpOnly 불가
localStorage 클라이언트 브라우저에 영구 저장. 명시적으로 삭제해야 없어짐 JS 접근 가능. XSS 취약. HttpOnly 불가
cookie 클라이언트 → 서버 브라우저가 자동으로 요청마다 함께 보냄 (withCredentials 필요) HttpOnly 설정 시 JS 접근 불가 → XSS 방어 가능. 인증용으로 선호

3. JWT 토큰이란?

구조

4. 전체 로그인 흐름 요약 (네트워크 관점)

[1] 사용자 로그인 시도 (프론트엔드)

axios.post("/user/login", { uid: "bina", pass: "1234" }, {
  withCredentials: true // <- 쿠키 전송 허용
});