프론트엔드/Javascript

[Javascript] cookie 사용하기

jinwanseo 2021. 4. 1. 22:49
728x90

Javascript Cookie 사용하기

 

꼭 서버를 통한 웹서비스가 아니더라도

웹서비스에서 사용자 인증 등을 위해

쿠키를 사용할 일이 있는데,

이번에는 자바스크립트를 통한

간단한 쿠키사용 예시이다.

 

👇서버측 쿠키 제어는 하단의 링크를 참고하자👇
https://goodmemory.tistory.com/72

 

 

  Cookie 만들기

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Cookie Example</title>
</head>
<body>
  <h1>Cookie Example</h1>
  <div id="cookie-print"></div>
  <script>
  	//쿠키 만들기
    document.cookie = 'cookie=choco';
  </script>
</body>
</html>

 

  Cookie 확인

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Cookie Example</title>
</head>
<body>
  <h1>Cookie Example</h1>
  <div id="cookie-print"></div>
  <script>
  	//쿠키 만들기
    //document.cookie = 'cookie=choco';
    //쿠키 콘솔 출력하기
    console.log(document.cookie);
  </script>
</body>
</html>

 

  출력 결과

728x90