단비의 코딩 공부 blog

[Vanilla JS]study 21일차 - Cookie 본문

javascript&jquery

[Vanilla JS]study 21일차 - Cookie

황굽달 2023. 4. 14. 12:44

1. 쿠키생성

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>JS - Cookie</title>
    </head>
    <body>
        <script>
            //쿠키 : 사용자의 컴퓨터에 저장되는 작은 텍스트파일 데이터
            //웹서버가 웹페이지를 브라우저로 보내면 연결이 종료되고, 서버는 자용자에 대한 정보는 기억하지 않음
            //쿠키는 사용자에 대한 정보를 기억하는 방법으로 활용

            //쿠키 데이터 : 이름=값 => 쌍으로 저장됨

            document.cookie = "username=test; userpass=1234";
        </script>
    </body>
</html>

2. 쿠키데이터 읽기

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>JS - Cookie</title>
    </head>
    <body>
        <script>
            //쿠키 : 사용자의 컴퓨터에 저장되는 작은 텍스트파일 데이터
            //웹서버가 웹페이지를 브라우저로 보내면 연결이 종료되고, 서버는 자용자에 대한 정보는 기억하지 않음
            //쿠키는 사용자에 대한 정보를 기억하는 방법으로 활용
           
            //쿠키 데이터 : 이름=값 => 쌍으로 저장됨

            //생성
            document.cookie = "username=test; userpass=1234";

            //데이터를 가져옴
            let x = document.cookie;
        </script>
    </body>
</html>

3. 쿠키데이터 변경 삭제

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>JS - Cookie</title>
    </head>
    <body>
        <script>
            //쿠키 : 사용자의 컴퓨터에 저장되는 작은 텍스트파일 데이터
            //웹서버가 웹페이지를 브라우저로 보내면 연결이 종료되고, 서버는 자용자에 대한 정보는 기억하지 않음
            //쿠키는 사용자에 대한 정보를 기억하는 방법으로 활용
           
            //쿠키 데이터 : 이름=값 => 쌍으로 저장됨

            //생성
            document.cookie = "username=test; userpass=1234";

            //변경
            document.cookie = "username=test2; userpass=5678";

            //삭제
            document.cookie = "username=; userpass=;";
           

        </script>
    </body>
</html>

 

저작자표시 (새창열림)

'javascript&jquery' 카테고리의 다른 글

[Vanilla JS]study 23일차 - Templete Literals  (0) 2023.04.25
[Vanilla JS]study 22일차 - 에러  (1) 2023.04.17
[Vanilla JS]study 20일차 - 유튜브 iframe  (0) 2023.04.04
[Vanilla JS]study 19일차 - API 우편번호 검색  (0) 2023.03.29
[Vanilla JS]study 18일차 - 웹 컨텐츠 제작 - 갤러리  (0) 2023.03.28
'javascript&jquery' Related Articles more