[React] 브라우저 쿠키를 하나의 파일에서 관리하기

React 에서 쿠키를 사용할때 react-cookie 라이브러리를 사용합니다.

 

물론 필요한 곳에서 라이브러리를 불러다 사용할 수도 있지만, 유지보수를 쉽게 하기 위해서 하나의 파일에서 관리하는 편이 좋습니다. 이렇게 하나의 파일에서 관리하면, 쿠키 키를 한눈에 볼 수 있고 관련 코드를 찾기도 쉬워 응집도를 높힐 수 있습니다.

 

import { Cookies } from 'react-cookie';

const cookies = new Cookies();

export const COOKIE_KEY = 'customKey';

export const setCookie = (name: string, value: string, options?: any) => {
  return cookies.set(name, value, { ...options });
};

export const getCookie = (name: string) => {
  return cookies.get(name);
};

export const removeCookie = (name: string, options?: any) => {
  return cookies.remove(name, { ...options });
};

export const addCookieChangeListener = (callback: any) => {
  return cookies.addChangeListener(callback);
};

export const removeCookieChangeListener = (callback: any) => {
  return cookies.removeChangeListener(callback);
};