자바스크립트 현재 페이지의 변수를 서버에 저장하지 않고 브라우저에 저장하는 방법

서버에 저장하는 것이 아니라, 가볍게 브라우저에 저장하는 방법도 필요한 것 같아서 정리합니다.

현재 페이지에 변수를 저장하기 위해서는 JavaScript를 사용할 수 있습니다. JavaScript는 클라이언트 측에서 실행되는 스크립트 언어로, HTML과 함께 사용하여 동적인 웹 페이지를 구현할 수 있습니다.

변수를 선언하고 현재 페이지에 저장하려면 다음과 같은 코드를 사용할 수 있습니다.

// 변수를 선언하고 값을 할당합니다.
var myVariable = "Hello, World!";

// 현재 페이지의 localStorage에 변수 값을 저장합니다.
localStorage.setItem("myVariable", myVariable);

위 코드에서는 var 키워드를 사용하여 myVariable 변수를 선언하고 문자열 값을 할당합니다. 그리고 localStorage.setItem() 메서드를 사용하여 myVariable 변수의 값을 로컬 스토리지에 저장합니다.

이제 다른 페이지에서 이 값을 사용하려면 다음과 같은 코드를 사용할 수 있습니다.

 

// 현재 페이지의 localStorage에서 변수 값을 불러옵니다.
var myVariable = localStorage.getItem("myVariable");

// 변수 값을 출력합니다.
console.log(myVariable);

 

위 코드에서는 localStorage.getItem() 메서드를 사용하여 myVariable 변수의 값을 로컬 스토리지에서 불러옵니다. 그리고 console.log() 함수를 사용하여 변수 값을 출력합니다.

하지만 이렇게 로컬 스토리지에 값을 저장하는 경우, 해당 브라우저에서만 유효하고, 다른 브라우저나 기기에서는 값을 공유할 수 없습니다. 만약 다른 기기나 브라우저에서도 값에 접근할 수 있어야 한다면, 서버나 데이터베이스를 이용하여 값을 저장하고 공유할 필요가 있습니다.