react-cookie
쿠키란?
- 클라이언트(브라우저) 로컬에 저장되는 키와 값리 들어있는 데이터 파일이다.
- key와 value로 구성되고, String의 형태로 이루어져 있다.
- 유효시간을 명시할 수 있고, 유효시간이 정해지면 브라우저가 종료되어도 쿠키 데이터가 유지된다.
- 클라인트 상태로 로컬에 저장했다가 참조하여 정보를 가져온다.
- 300개까지 저장이 가능하고, 하나의 도메인당 20개의 값만 가질 수 있고, 하나의 쿠키값은 4KB까지 저장이 가능하다.
- 사용자가 따로 요청하지 않아도 Request시에 Request Header를 넣어서 자동으로 서버에 전송한다.
사용이유
- 세션관리 : 로그인, 접속 시간 등 서버가 알아야 할 정보를 저장할 때 사용한다.
- 개인화 : 사용자마다 다르게 적절한 페이지가 보이도록 할 때 사용한다.
- 트래킹 : 사용자의 행동과 패턴을 분석하여 기록을 할 때 사용한다.
단점
- 방문한 웹 사이트에 대한 정보 및 개인정보가 기록되어 사생활을 침해할 수 있다.
- 사용자에게 저장되기 때문에 임의로 고치거나 삭제가 가능하며, 보안이 취약하다.
- 매번 헤더(Http Header)에 쿠키에 대한 정보를 추가해서 보내기 때문에 상당한 트래픽을 발생시킨다.
React에서 Cookie 사용하기
설치
npm install react-cookie
useCookies([dependencies])