JavaScript에서 localStorage에 한 번만 저장하기

데이터가 기록되지 않은 키를 읽으려고 하면 결과는 null가 됩니다. 이것을 이용하여 데이터를 한 번만 저장할 수 있습니다.

예를 들어, 사용자가 사이트에 처음 방문한 시점을 로컬 스토리지에 기록해 보겠습니다. 사용자가 처음 방문하는 것이 아니라면 아무 작업도 하지 않을 것입니다:

let time = localStorage.getItem('time');

if (time === null) {
	let now = Date.now();
	localStorage.setItem('time', now);
}

조건문을 더 짧게 다시 작성해 보겠습니다:

let time = localStorage.getItem('time');

if (!time) {
	let now = Date.now();
	localStorage.setItem('time', now);
}

사용자가 사이트에 방문할 때 현재 시각을 로컬 스토리지에 기록하세요. 그런 다음 사용자가 다시 방문했을 때, 이전 방문 이후로 얼마나 시간이 지났는지 출력하세요.

사용자가 사이트에 방문할 때 생년월일을 물어보세요. 사용자가 다음에 사이트를 방문했을 때, 그날이 생일이라면 생일 축하 메시지를 전하세요.

인풋이 주어집니다. 이 인풋에서 포커스를 잃을 때 그 값을 로컬 스토리지에 저장하세요. 사용자가 다음에 페이지를 방문했을 때 인풋에 이전에 저장된 텍스트를 설정하세요.