[JavaScript] 자바스크립트에서 쿠키 데이터 읽어오기

240_자바스크립트에서 쿠키 데이터 읽어오기 [적용] 쿠키 값을 참조하고 싶을 때 [내용] document.cookie 값을 불러와도 키와 값이 각각 문자열로 결합되어 있어 자바스크립트에서의 사용이 어렵다. 이럴 때는 문자열을 연과 배열로 분해하면 편리하게 사용할 수 있다. document.cookie 문자열의 ;과 =을 분리하여 연관 배열의 객체로 변환하는 코드를 확인해보자. 쿠키의 값은 모두 문자열이므로 주의하자. JavaScript (부분) main.js // 불러오기 버튼 클릭 시 btnRead.addEventListener('click', () => { // 쿠키 불러오기 const obj = convertCookieToObject(document.cookie); console.log(obj);..

2022.08.03

[JavaScript] 자바스크립트에서 쿠키로 로컬 데이터 사용하기

239_자바스크립트에서 쿠키로 로컬 데이터 사용하기 [적용] 쿠키에 데이터를 저장하고 싶을 때 [문법] 속성 의미 반환 document.cookie 쿠키 참조 문자열 [내용] 쿠키(Cookie)는 예전부터 웹 데이터를 저장하거나 세션 관리에 사용되어 왔다. localStorage는 다양한 데이터 저장이 가능한 것이 특징이지만, 쿠키는 1차원의 문자열만 저장할 수 있다. 쿠키의 값은 클라이언트 쪽에서도 사용하지만, 서버도 불러오기와 값 변경 등 데이터를 공유할 수 있다. 속성은 1차원 데이터만 저장이 가능하므로 복잡한 데이터의 저장은 주의해야 한다. 쿠키의 값은 '=' 나 ';' 등 특수 기호를 사용하며, 한글은 '%82%A0'와 같은 형식으로 인코딩되므로 쿠키 값을 불러오기 위해서는 디코딩이 필요하다. ..

2022.08.03