SameSite 이슈에 대응하는 Javascript 방법

document.cookie = "cookie1=soo; SameSite=Lax"; 
document.cookie = "cookie2=soo"; 
document.cookie = "cookie3=hoo; SameSite=None; Secure";

SameSite를 명시한 cookie1과 cookie2는 기본적으로 크롬 80 이상부터 Default Lax로 동작합니다.

하지만 cookie3의 경우에는 None으로 속성을 지정하면서 Secure 속성도 반드시 같이 지정해주셔야 합니다.

그렇게 하면 반드시 HTTPS 프로토콜 환경에서만 전송이 가능하며 서드파티와 결재모듈 등의 연동 작업 및 사용을 할 수 있게 됩니다.

 

이 외에도 다양하게 서버에 세팅하는 등 해결할 수 있는 방법들이 있습니다.