LocalStorage, SessionStorage, Cookie의 차이점

Web Storage HTML5에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념이다. 사실 거의 차이가 없지만 몇 가지 쿠키의 단점을 극복하는 개선점이 도입되었다. 그러나 쿠키는 여전히 유효하고 꽤 적절한 클라이언트 저장 도구임에 틀림없다. HTML5에서 Web Storage 스펙을 새로 추가했지만 ..

2023.10.13

오늘하루 열지않기 팝업

HTML 오늘하루 보지않음 닫기 CSS #popup{position:relative; display: none;} #popup::after{content:''; display:block; width:100%; height: 100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); z-index:998;} #popup .popup_wrap{position:fixed; left:50%; top:50%; z-index:999; transform:translate(-50%, -50%);} #popup .popup_btn{display:flex; align-items:center; justify-content: space-between; gap:1rem;..

2022.06.02

쿠키 (Cookie)

쿠키 (Cookie) 사용자가 웹 페이지에 접속하면, 서버에서 사용자의 컴퓨터(클라이언트)에 텍스트 파일 형태로 저장하는 정보를 말한다. 웹페이지로 접근하는 사용자를 구별하기 위해 사용하는 값입니다. 같은 역할을 하는 session 이라는 것이 존재하는데 session 은 서버에 값을 저장하고 cookie 는 클라이언트에 값을 저장하는 차이점이 있다. cookie 값이 클라이언트에 저장을 하기 때문에 변조가 쉬우며, 이로 인해 보안에 취약하다는 문제점이 있지만 서버에 부담을 적게 주는 장점이 있기 때문에 보안상에 위협이 되지 않는 값일 경우 쿠키로 저장을 하게 된다. 웹 사이트를 재 방문하거나 사이트의 다른 페이지로 이동할 때, 다시 로그인할 필요 없이 사이트를 이용할 수 있게 한다. 웹 사이트 사용자의..

2022.02.15