[JS] Object | 04. Cookie

2024. 2. 13. 15:48·Language/JavaScript
728x90

Cookie는 사용자가 브라우저를 닫아도 브라우저가 사용자의 정보를 저장할 수 있도록 합니다.

쿠키는 PC의 특정 위치에 텍스트 파일로 저장되며, 저장 전에 얼마 동안 저장할 것인지를 지정합니다.

쿠키는 보안에 취약하기에 중요한 정보는 쿠키로 저장하지 않는 것이 좋습니다.

※ 쿠키는 window가 아닌 document에 속해 있는 객체입니다.

 

쿠키는 문자열로만 저장할 수 있습니다.

따라서 쿠키를 저장할 때는 다음과 같은 형식의 문자열로 정리하여 document.cookie로 넘겨줘야 합니다.

document.cookie = "<cookie name>=<cookie value>;
                   expires=<expire date>;
                   path=<path>;
                   domain=<domain name>;
                   secure"

- expires | date.toGMTString()으로 받아와 저장합니다. 지정하지 않으면 브라우저를 닫는 즉시 쿠키가 만료됩니다.

- domain | 어느 도메인에서 쿠키를 저장하는지 지정합니다. 지정하지 않으면 현재 도메인으로 설정합니다.

- path | 쿠키를 사용할 수 있는 경로 범위를 지정합니다. 지정하지 않으면 모든 하위 페이지에서 사용할 수 있습니다.

- secure | true 값이면 서버에 전송할 때 안전한 SSL URL로만 요청 가능해집니다.

728x90

'Language > JavaScript' 카테고리의 다른 글

[JS] Object | 06. Element  (0) 2024.02.14
[JS] Object | 05. Document  (0) 2024.02.14
[JS] Object | 03. Location & History  (0) 2024.02.13
[JS] Object | 02. Navigator 객체  (0) 2024.02.13
[JS] Object | 01. Window 객체  (0) 2024.02.12
'Language/JavaScript' 카테고리의 다른 글
  • [JS] Object | 06. Element
  • [JS] Object | 05. Document
  • [JS] Object | 03. Location & History
  • [JS] Object | 02. Navigator 객체
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (298)
      • CS (40)
        • CV (2)
        • PS (37)
      • Reveiw (19)
        • Paper (19)
        • Github (0)
      • ML (13)
        • Pytorch (5)
      • Language (72)
        • Python (21)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (13)
      • Git (13)
      • Frontend (77)
        • React (8)
        • ReactNative (6)
        • SolidJS (20)
        • CSS (12)
      • Backend (47)
        • DB (18)
        • Node.js (11)
        • Python (3)
      • UI (3)
      • Automation (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    mongo
    figma
    Three
    postgresql
    Git
    GAN
    modal
    react
    PyTorch
    FastAPI
    DB
    review
    frontend
    SOLID
    CS
    nodejs
    deploy
    vscode
    API
    CSS
    ts
    ReactNative
    ps
    python
    CV
    backend
    Express
    ML
    PRISMA
    js
  • 최근 댓글

  • 최근 글

  • 250x250
  • hELLO· Designed By정상우.v4.10.5
Rayi
[JS] Object | 04. Cookie
상단으로

티스토리툴바