Cookie Editor는 현재 도메인의 모든 쿠키를 깔끔하고 정렬 가능한 테이블로 표시합니다. 쿠키 이름, 값, 만료 날짜, 경로, 보안 플래그(HttpOnly, Secure, SameSite)를 확인할 수 있습니다. 값을 인라인으로 편집하고, 사용자 정의 파라미터로 새 쿠키를 추가하거나, 개별 쿠키나 전체를 삭제할 수 있습니다. 인증, 세션, 동의 흐름 디버깅에 필수적인 도구입니다.
쿠키는 인증, 세션 관리, 사용자 환경 설정, 동의 추적, 분석, A/B 테스트를 담당하지만 개발 중에 이를 관리하는 것은 번거롭습니다. Chrome DevTools는 Application 탭에서 쿠키를 보여주지만 인터페이스가 단순하고 여러 패널을 이동해야 합니다. Cookie Editor는 현재 도메인의 모든 쿠키를 한 화면의 깔끔한 테이블로 제공합니다. 모든 속성을 한눈에 볼 수 있습니다. 값을 클릭하면 인라인으로 편집할 수 있으며, 변경 사항이 브라우저 쿠키 저장소에 즉시 저장됩니다. 이름, 값, 만료 날짜, 경로, 플래그를 지정하여 완전히 새로운 쿠키를 추가할 수 있습니다. 개별 쿠키를 삭제하거나 한 번에 모두 지울 수도 있습니다. 테이블에는 보안 플래그 배지(S for Secure, H for HttpOnly)가 표시되어 민감한 쿠키가 제대로 보호되고 있는지 확인할 수 있습니다. 세션 쿠키와 지속성 쿠키는 만료 열로 구분됩니다. 브라우저 DevTools에 있었으면 좋았을 도구입니다.
현재 도메인의 모든 쿠키가 Name, Value, Expires(또는 "Session"), Path, Flags 열이 있는 정렬 가능한 테이블로 표시됩니다. 테이블이 깔끔하고 한눈에 파악하기 쉽습니다.
쿠키 값을 클릭하면 인라인으로 편집할 수 있습니다. 새 값을 입력하면 브라우저 쿠키 저장소에 즉시 저장됩니다. 쿠키를 삭제하고 다시 만들 필요 없이 값을 바로 변경할 수 있습니다.
"Add"를 클릭하여 이름, 값, 만료 날짜, 경로, 도메인을 사용자 정의한 새 쿠키를 생성할 수 있습니다. Secure, HttpOnly, SameSite 플래그도 설정 가능합니다. 쿠키가 브라우저 저장소에 즉시 생성됩니다.
행의 삭제 버튼으로 개별 쿠키를 삭제하거나 "Delete All"로 현재 도메인의 모든 쿠키를 지울 수 있습니다. 로그아웃 상태 테스트나 동의 흐름 테스트에 유용합니다.
보안 플래그를 시각적 배지로 표시합니다: S (Secure — HTTPS 전용), H (HttpOnly — JavaScript에서 접근 불가), SameSite 값(Strict, Lax, None). 민감한 쿠키가 제대로 보호되고 있는지 한눈에 확인할 수 있습니다.
Expires 열이 세션 쿠키("Session" — 브라우저 종료 시 삭제)와 지속성 쿠키(실제 만료 날짜와 시간 표시)를 명확하게 구분합니다. 쿠키 수명에 대한 모호함이 없습니다.
로그인 후 세션 쿠키가 올바르게 설정되었는지 검사하세요. 세션 토큰을 편집하여 만료되거나 유효하지 않은 세션 처리를 테스트할 수 있습니다. 세션 쿠키를 삭제하여 로그아웃 경험을 테스트하세요.
동의 쿠키를 삭제하여 쿠키 동의 배너를 다시 표시하세요. 동의 값을 편집하여 전체 수락, 부분 수락, 전체 거부 등 다양한 동의 상태를 테스트할 수 있습니다.
인증 쿠키에 HttpOnly(XSS 방지), Secure(HTTPS 전용), SameSite=Strict 또는 Lax(CSRF 방지)가 제대로 설정되었는지 확인하세요. 누락된 플래그가 테이블에서 바로 드러납니다.
로그인 상태, A/B 테스트 변형, 기능 플래그 할당, 로케일 환경 설정 등을 시뮬레이션하기 위해 쿠키를 추가하여 일반 사용자 흐름을 거치지 않고 테스트할 수 있습니다.
쿠키의 만료 날짜를 과거로 편집한 후 새로고침하여 사이트가 만료된 쿠키를 어떻게 처리하는지 테스트하세요. 또는 세션 쿠키를 지속성 쿠키로 변경하여 지속성 동작을 테스트할 수 있습니다.
DevSuite Pro 팝업을 열고 Cookie Editor 아이콘을 클릭하세요. 현재 도메인의 모든 쿠키가 테이블에 로드됩니다.
쿠키 테이블을 스크롤하세요. 열 헤더를 클릭하여 이름, 값, 만료 순으로 정렬할 수 있습니다. 보안 플래그 배지가 Secure와 HttpOnly 쿠키를 보여줍니다.
값 셀을 클릭하여 인라인으로 편집하세요. 새 값을 입력하면 쿠키 저장소에 즉시 저장됩니다. 변경 사항을 확인하려면 페이지를 새로고침해야 할 수 있습니다.
"Add"를 클릭하여 전체 파라미터를 제어하며 새 쿠키를 만드세요. 행의 삭제 아이콘을 클릭하여 해당 쿠키를 제거하세요. "Delete All"로 전체를 지울 수 있습니다.
쿠키를 편집한 후 페이지를 새로고침하여 변경 사항이 사이트(로그인 상태, 환경 설정, 동의 배너 등)에 어떻게 영향을 미치는지 확인하세요.
DevSuite Pro를 무료로 설치하고 브라우저용 39개 이상의 개발자 도구를 사용해보세요.
