React에서 cookies 사용하기

기본적으로 쿠키는 사용자가 접속한 웹사이트의 서버를 통해 사용자 컴퓨터에 설치되는 정보를 말한다.

 

react에서는 react-cookies 패키지를 import 해서 사용할 수 있는데,

react-cookies 패키지의 save함수는 3가지 파라미터를 받는다.

1. key

2. value

3. option

 

옵션은 path, expires, secure, httpOnly 가 있다.

path는 쿠키의 값을 저장하는 서버 경로다.

기본은 "/"이고, 모든 페이지에서 쿠키에 접근할 수 있다.

/a인 경우 domain.com/a 에서만 쿠키에 접근할 수 있다.

 

expires는 만료시간이다.

Date객체를 받는다.

secure는 true인 경우 https로 통신할때만 쿠키가 저장된다.

httpOnly는 document.cookie와 같은 자바스크립트 코드로 쿠키에 비정상적인 접근하지 않도록 막는다.

 

 

 

 

save함수를 통해 쿠키를 저장했다면 load함수를 통해 쿠키에 접근해 value를 가져올 수 있다.

위와같이 쿠키가 저장된 뒤 cookie.load에 key값을 넣어주면 된다.

 

 

 

같은 방법으로 remove할수도 있다.