특정 페이지에서 쿠키가 지워지지 않는 문제 해결

Issue

llama-magazine에서 게시물의 디테일 페이지에서 로그아웃을 하는 경우 Token이 담긴 쿠키가 삭제되지 않는 문제가 발생하였고, 무엇이 문제인지 몰라서 한참을 헤맸는데 알고보니 Cookie path의 문제였다.

Cookie path

Path를 이용하면 웹의 특정 path에 대해서만 쿠키를 전송할 수 있고, 경로 단위로 지정이 가능하며 경로를 지정하면 지정한 경로와 그 하위 경로에만 쿠키가 전송된다.

• 경로는 절대 경로이어야 하고, 경로를 입력하지 않는다면 현재 도메인 경로로 자동 입력된다.
• 특별한 경우가 아니라면, path 옵션을 path="/"와 같이 루트로 설정하여 웹사이트의 모든 페이지에서 쿠키에 접근할 수 있도록 한다.

Example

Cookie name	Path	전송 범위
Cookie1	지정하지 않음	쿠키를 생성했던 경로
Cookie2	/	앱의 모든 절대 경로
Cookie3	/one	/one 또는 /one/two~ 등 하위 경로
Cookie4	/one/two	/one/two 또는 /one/two/some~ 등 하위 경로

Issue 해결

프로젝트에서 react-cookie 라이브러리를 사용하여 cookie를 관리하는데, Cookies의 메서드 set() / remove()의 두번째 인자인 옵션으로 { path: "/" } 을 지정하여 모든 페이지에서 동일한 쿠키에 접근할 수 있게 만들어 주었다.