[Java Script ] Cookie (쿠키) 사용법

Cookie (쿠키) 사용법 



[검토 배경]

  • AI Blog 구성을 목적으로, 아파치 서버를 구축 하여 웹 사이트 환경을 구성 하였으나
  • 개발 과정 중 서비스 중인 html 페이지를 수정 하여도, 
  • 사용자 단말이나 PC 에 이전 정보가 남아, 수정된 html 페이지를 새로 읽어 들이지 못하는 문제 해결, 즉 최초 사용자가 접속하여 기록된 정보만 보여지게 됨
[문제 해결 방안]
  • 방안 : 쿠키 설정 하여, 페이지 load 시 마다 이전에 다운 받아 local 에 기록된 쿠키를 제거하고 새로 받을수 있도록 함 
    • 참고 : https://homzzang.com/b/js-78  

[배경 지식]

  • Cookie 정의
    • 쿠키 : 컴퓨터에 작은 텍스트 파일로 저장된 데이터로,
    • 웹 서버가 웹 페이지를 브라우저로 보내면 연결이 종료되고 서버는 사용자에 대한 모든 것을 잊어버림.
  • 기술 배경
    • 쿠키는 "사용자에 관한 정보를 기억하는 방법"이라는 문제를 해결하기 위해 고안됨.
    • 사용자가 웹 페이지를 방문하면 자신의 이름을 쿠키에 저장 가능.
    • 다음에 사용자가 페이지 방문하면 쿠키는 자신의 이름을 "기억".
    • 쿠키는 이름=값 쌍으로 저장되며, 각 이름=값 쌍은 ; (세미콜론)으로 구분.
      • (예) document.cookie = "username=Hz Sinbi; expires=Thu, 19 Dec 2019 12:00:00 UTC";
  • 동작 방식
    • 브라우저가 서버에서 웹페이지를 요청하면 해당 페이지에 속하는 쿠키가 요청에 추가됨. 
    • 이런 식으로 서버는 사용자에 대한 정보를 "기억"하는 데 필요한 데이터를 얻음.
    • 브라우저에서 로컬 쿠키 지원이 해제되어 있으면 아래 예제 중 어느 것도 작동 안 함


["쿠키 삭제" 예제 코드] : <boad> 에 "onload=" 시 "delCookie()" 을 호출하여 쿠키 삭제 

<!DOCTYPE html>
<html>

<head lang="ko">
    <meta charset="UTF-8">
    <!--  모바일 환경 : 모바일 너비 맞추기, 최초 화면의 크기는 100%, 화명을 줄었을때 그키 100%, 사용자가 확대 축소를 못하게 함 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>AI Insung</title>
    <link rel="stylesheet" href="./main.css">
    <script>
        function delCookie() {
            let date = new Date();
            date.setDate(date.getDate() - 1); // 이전 날짜로 설정.
            let setCookie = '';
            setCookie += 'CookieName = Hz;';
            setCookie += 'expires = ' + date.toUTCString();
            document.cookie = setCookie;
        }
    </script>
</head>

<body onload="delCookie()">
    <table cellspacing="0" cellpadding="1" width="100%">
        <tr>
            <td>
                <a>Hello World!<img src="./index.png"></a>
            </td>
        </tr>
    </table>
</body>

</html>

Comments

Post a Comment

Popular posts from this blog

[MaritimeCyberTrend] Relationship and prospects between U.S. Chinese maritime operations and maritime cybersecurity

Image
U.S. Sanctions on Chinese Ships & Cybersecurity Compliance The U.S. Trade Representative (USTR)’s sanctions on Chinese shipping and shipbuilding are expected to heighten the importance of cybersecurity regulations in vessel operations. In particular, as the U.S. increasingly frames Chinese-built ships and shipping companies as cybersecurity risks, compliance with maritime cybersecurity standards will become a critical issue for global shipping stakeholders. The United States is increasingly likely to classify Chinese-built vessels as national security and cybersecurity threats, using this as a basis for additional regulations and sanctions. In particular, drawing from past sanctions on Huawei and ZTE, the U.S. may argue that ships built in Chinese shipyards and equipped with Chinese IT systems (navigation, communication, and monitoring equipment) pose risks to the digital maritime infrastructure of the U.S. and its allies. As a result, the U.S. Coast Guard (USCG) is expected to s...
Read more

인공지능 서비스 - 챗봇, 사전에 충분한 지식을 전달하고 함께 학습 하기!

Image
우리는 앞선 글을 통해 성공적으로  AI 서비스를  개발하거나 도입하는 것을 목적으로  프로젝트의 공식 착수 이전에  목표로 하는 AI 서비스에 대하여, 소속된 조직 내부는 물론 기업내 협력이 요구되는 조직들  각자가 서로 다른 정의와 기대 효과 그리고 활용 방안을 가지고 있던 상황을 해결할 필요가 있는것을  잘 알고 있습니다. 이를 위해 가장 먼저, 이해 관계자들이 그 추진 방향과 목표를 공감 할 수 있도록 잘  알려진 선행 사례와 수치를 활용하여 필요성 측면에서 사전 논쟁을 유도 하였으며  앞으로의 프로젝트 진행 단계 별 추진 방향에 대한 의사 결정의 매 순간  마다 이해 관계자들에게 정확한  정보를 전달 할 것임을 암시적으로 표현 하기도 하였습니다. 이제 남은 것은 관련 분야에 경험이나 지식이 없는 상황에서 잘못된 의사 결정이나 행동을 미연에 방지하기 위해   "사전에  충분한 지식을 전달하고 함께 학습 " 하는  것이라 생각 합니다. (나던 남이던 알면 얼마나 더 알겠는가.. 인터넷 검색만 해도 다 나오는 한 줌도 되지 않는 지식으로 자존심 세우려 하지 말고, 함께 학습 하며 결과물의 완성도를 높이는 대 힘쓰자~! 그것이 상생이다. 꼰대가 되지 말자~!) 이는 본인의 경험을 바탕으로 작성된 글임을 다시 한번 밝히며, 이러한 사항이 AI 업계에 종사 하시는 분들에게도 도움이 되기를 바라는 마음에  그 사례를 소개 하고자 합니다. (관련 전문 용어나 이미지 등은 하단의 reference 들을 참조 하여 작성 하였습니다.) 챗봇의 작동 원리 그리고 최적 성능 확보를 위한 노력   역은이: In-Sung Lee 모든 챗봇이 인간의 언어를 완벽히 이해하고 자연스럽게 대화하는 것을 목표로 가져야 할까요 ? 아마도 사람처럼 말하고 답변 하지 않는 단순 챗봇이라 하더라도 고객의 문제를 해결해 줄 수 있다면 그 자체로 의미가 있...
Read more

[Curriculum] Sungkyunkwan University - Department of Information Security - Course Sequence by Areas of Interest

Image
The order in which subjects are approached may vary depending on the student's major, interests, and learning goals. However, generally, taking courses in the following sequence allows for efficient learning. (Source: Sungkyunkwan University GSIC ) 1. Basic Courses First, it is essential to understand fundamental theories and basic concepts. The following courses help build foundational knowledge: Introduction to Digital Forensics (FSI5056) : Establishes the basics of digital forensics and teaches various methods for collecting and analyzing digital evidence. Korea University Graduate School of Information Security Introduction to Cryptography (GSIS001) : Covers the fundamental principles and applications of encryption technologies for data protection. Life Coding Database (GSID003) : Introduces key concepts and practical skills for data storage and management. Operating Systems (GSID021) : Helps understand the structure and functions of operating systems, which are the core of com...
Read more