개발자도구로 Cookies🍪 확인?

로그인을 구현하고 있던 도중 개인적으로 신박했던 부분인지라 포스팅을 하게 되었다.

세션(Session)과 쿠키(Cookies)에 대한 것들은 그렇게 많이 들어봤는데 어떤식으로 쿠키가 내 브라우저에 담기게 되는건지? 확인할 수 있다.

▼ 1. 개발자도구 open✨

개발자도구 단축키

• macOS : Option+Command+I
• Windows : Ctrl+Shift+I / F12

▼ 2. ✨Application✨ 클릭

▼ 3. ✨Cookies✨ 클릭

▼ 4. 이런식으로 쿠키정보들이 담겨있는 것을 확인할 수 있다 👀❗️ (현재, 로그인 하지 않은 상태)

▼ 5. 만약 로그인을 한다면~?
이런식으로 Value에 복잡한 문자열로 된 새로운 값이 생기는데 저걸 SessionID로 사용한다.