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
'프론트엔드 > Javascript' 카테고리의 다른 글
| [CSS / Javascript] 메뉴 클릭시 화면 스크롤 이동 (0) | 2021.04.17 |
|---|---|
| [Javascript] 엘리먼트 위치로 스크롤 이동 scrollIntoView() (0) | 2021.04.15 |
| [Javascript] some 배열, 객체 내 원하는 값 있는지 확인 (0) | 2021.04.01 |
| [Javascript] 스크롤 이벤트 (Scroll Event) (0) | 2021.03.31 |
| [javascript] 클래스 Class 선언 생성자 함수 getter setter constructor method (0) | 2021.03.29 |
댓글