local storage?

로컬 스토리지는 데이터를 브라우저에 반영구적으로 저장하고 브라우저를 종료 후 재시작해도 데이터가 남아있다. 또 다른 창과 브라우저를 통해서도 접근이 가능하다.

local storage의 특징

local storage는 사용자의 로컬 컴퓨터에 데이터를 저장하므로, 페이지를 새로고침하거나 브라우저를 닫아도 데이터는 유지된다.
local storage는 키,값로 데이터를 저장한다. 각각의 키-값 쌍은 문자열 형태로 저장되며, 자바스크립트를 사용하여 이러한 데이터에 접근하고 수정할 수 있다. 로컬 스토리지는 일반적으로 브라우저의 JavaScript API인 localStorage 객체를 통해 사용된다.
local storage는 세션과 관련된 데이터, 사용자의 기본 설정, 임시 데이터 및 기타 웹 애플리케이션에서 필요한 작은 데이터를 저장하는 데 유용하다. 로그인 정보, 사용자의 환경 설정, 캐시된 데이터, 사용자가 생성한 콘텐츠 등을 저장하는 데 사용할 수 있다.

local storage 써보기

localStorage.setItem('key', 'value');
console.log(localStorage.getItem('key')) // key에 해당하는 value 값 반환
localStorage.removeItem('Key');

localStorage 를 사용하려면 setItem(Key, Value)키워드로 키와 벨류 를 정의하고 값을 사용할 때 getItem(Key) 형태로 식별자인 Key를 활용하여 사용한다.

Firebase란?

Firebase는 개발자가 웹 애플리케이션 또는 모바일 앱을 구축하기 위해 사용할 수 있는 클라우드 기반 플랫폼이다. Firebase는 다양한 기능을 제공하며, 실시간 데이터베이스를 포함한 데이터 저장과 인증, 푸시 알림, 호스팅 등을 제공한다. 이 중에서도 React와 함께 Firebase의 실시간 데이터베이스를 사용하여 데이터의 동기화와 실시간 업데이트를 구현할 수 있다.