[컴][웹] browser javascript 에서 cookie 다룰 때 server 에서 설정된 cookie 가 지워지지 않는경우

browser javascript 에서 cookie 다룰 때 server 에서 설정된 cookie 가 지워지지 않는경우



계속 chrome 에서 console 창을 열고 document.cookie 값을 set 하고 remove 하는 작업을 했는데, 이상하게 server 에서 set 한 녀석만 지워지지가 않았다. 처음에는 Set-Cookie 로 setting 된 녀석들이 지워지지 않는 건가 라고 생각했지만, 그런 spec. 은 존재하지 않았고, 대부분의 글에서 지우는데 제약이 있다고 하지 않았다.

그렇게 한참을 찾다가 다행히 아래 글을 발견하였다.(아래 글의 선택된 답변이 아니라 2번째 답변을 확인하자.)

• How can I delete all cookies with JavaScript? - Stack Overflow

이 글에 따르면 지울때, path 와 domain 값이 일치해야 한다고 한다. 실제로 지워지지 않던 녀석이 Set-Cookie header 에 있던 path 와 domain 설정을 맞춰주니 지워졌다.

chrome plugin

domain / path 정보를 보고 싶으면 chrome 에서 아래 plugin 을 이용하자.

• Cookie Inspector - Chrome 웹 스토어

cookie 의 path 를 '/' 로 설정한 경우

다른 browser 에서는 원하는 대로 set 이 되지만, chrome 에서는 path 를 '/' 로 설정했지만, 이상하게 현재 path 가 set 되었다. 관련해서 아래와 같은 답을 찾았다.

• Why does Chrome ignore local jQuery cookies? - Stack Overflow

다행히 localhost 로 test 할 때의 문제였다. localhost 에서도 127.0.0.1 을 사용하면 문제없이 동작한다.