Intro

동료의 쿠키 설정을 도왔던 초간단 경험을 적어보았다.

Vue3-Cookies

npm에서 라이브러리를 다운받고 아래처럼 사용한다.

import { useCookies } from 'vue3-cookies';
const { cookies } = useCookies();

Get과 Set

쿠키 조회는 초간단. cookies.get()을 쓴다.

export const isSimulMode = () => {
    const {cookies} = useCookies();
    return cookies.get('쿠키이름') === 'Y';
}

쿠키를 셋팅할 때는 쿠키 옵션들을 제대로 넣어주는 것이 중요하다고 생각한다.

export const getCookieBaseOption = (): Cookie => {
    return {
        expireTimes: 3600,
        path: '/',
        domain: '.정한 도메인 경로',
        secure: true,
        sameSite: 'None'
    }
};

나의 경우는 아래처럼 셋팅했다

export const setCookie = (key: string, value: string): void => {
    const {cookies} = useCookies();
    const {expireTimes, path, domain, secure, sameSite} = getCookieBaseOption();
    cookies.set(key, value, expireTimes, path, domain, secure, sameSite);
}

동료는 이 방법으로 안된다고 했는데 나는 됐다. 왜인지 아직 모르겠다;