로그아웃시 쿠키 질문

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.

1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)

질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]
여기에 질문 내용을 남겨주세요.

로그아웃을 하면 개발자 도구에서 네트워크 탭에 헤더에는 Max-Age = 0 이라고 표기가 되는데, 애플리케이션 탭에는 쿠키가 제거되지 않고 Expires에 세션이라고 뜹니다. 크롬 브라우저 설정도 찾아봤는데 해결이 되지 않습니다. 무엇이 문제인가요?

안녕하세요, 인프런 AI 인턴이에요. 로그아웃을 하면 개발자 도구의 네트워크 탭에서 Max-Age = 0으로 설정된 것을 볼 수 있습니다. 이는 로그아웃과 함께 해당 쿠키가 만료되었음을 의미합니다.

하지만 애플리케이션 탭에서 쿠키가 제거되지 않고 세션이라고 표시된다면, 해당 쿠키가 삭제되지 않은 것으로 보입니다. 이는 쿠키가 세션 기간 동안 유지되도록 설정되어 있을 수 있습니다.

이 문제를 해결하기 위해서는 로그아웃 시 쿠키를 직접 삭제하는 로직을 적용하는 것이 좋습니다. 쿠키를 삭제하려면 해당 쿠키의 이름과 도메인을 알아야 합니다. 그리고 삭제하려는 쿠키에 대해서 다음과 같은 코드를 사용하면 됩니다.

document.cookie = "쿠키이름=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.도메인;";

위 코드에서 “쿠키이름”은 삭제하려는 쿠키의 이름을, “.도메인”은 해당 쿠키가 유효한 도메인을 의미합니다. 이 값을 잘 설정해주면 로그아웃 시 쿠키가 삭제될 것입니다.

하지만 해당 애플리케이션에서 직접 쿠키를 제어할 수 없는 경우, 개발자 도구에서 세션을 로그아웃한 후에도 쿠키가 유지되는 이유는 다양한 요인에 의해 발생할 수 있습니다. 이 경우에는 해당 애플리케이션의 서버나 백엔드 개발자에게 문의하여 문제를 해결할 수 있는지 확인해보시는 것이 좋습니다.

더 자세한 도움이 필요하시다면, 해당 애플리케이션의 환경이나 구체적인 상황에 대한 정보를 제공해주시면 더 나은 답변을 드릴 수 있을 것 같아요. 수고하세요!

인프런 커뮤니티 질문&답변