[Web Programming] 8. local storage와 firebase

백서진·2023년 5월 24일
1

1. local storage

(1) local storage란?

local storage는 웹 브라우저에서 제공하는 데이터 저장소다.


(2) local storage의 특징

  • local storage는 사용자의 로컬 컴퓨터에 데이터를 저장하므로, 페이지를 새로고침하거나 브라우저를 닫아도 데이터는 유지된다.

  • local storage키-값 쌍으로 데이터를 저장한다. 각각의 키-값 쌍은 문자열 형태로 저장되며, 자바스크립트를 사용하여 이러한 데이터에 접근하고 수정할 수 있다. 로컬 스토리지는 일반적으로 브라우저의 JavaScript API인 localStorage 객체를 통해 사용된다.

  • local storage는 세션과 관련된 데이터, 사용자의 기본 설정, 임시 데이터 및 기타 웹 애플리케이션에서 필요한 작은 데이터를 저장하는 데 유용하다. 로그인 정보, 사용자의 환경 설정, 캐시된 데이터, 사용자가 생성한 콘텐츠 등을 저장하는 데 사용할 수 있다.


(3) local storage에 데이터 저장하기

  • local storage로 데이터를 저장하는 기본 형태는 다음과 같다.
localStorage.setItem('키', '값');
  • 사용자의 이름을 저장하려면 다음과 같이 코드를 작성할 수 있다.
localStorage.setItem('이름', 'John');

(4) local storage에서 데이터 가져오기

  • 아래 코드에서 '키'는 가져올 데이터의 식별자다. 데이터를 가져올 때는 해당 키에 해당하는 값이 반환된다.
let= localStorage.getItem('키');
  • 예를 들어, 위에서 저장한 사용자 이름을 가져오려면 다음과 같이 코드를 작성할 수 있다.
var 이름 = localStorage.getItem('이름');
console.log(이름); // 결과: John

(5) local storage의 데이터 삭제하기

  • 아래의 코드에서 '키'는 삭제할 데이터의 식별자다. 해당 키에 해당하는 데이터가 로컬 스토리지에서 삭제된다.
localStorage.removeItem('키');
  • 예를 들어, '이름'이라는 키를 가진 데이터를 삭제하려면 다음과 같이 코드를 작성할 수 있다.
localStorage.removeItem('이름');
  • 모든 데이터를 삭제하려면 다음과 같이 코드를 작성할 수 있다.
localStorage.clear();

2. Firebase

(1) Firebase란?

Firebase는 Google이 개발한 클라우드 기반 플랫폼으로, 개발자가 안정적이고 확장 가능한 웹 및 모바일 애플리케이션을 구축하고 운영할 수 있도록 도와준다.


(2) Firebase의 특징

  • 다양한 기능과 서비스를 제공하여 개발자가 사용자 인증, 데이터베이스, 스토리지, 호스팅, 푸시 알림 등을 포함한 다양한 애플리케이션 요구 사항을 쉽게 처리할 수 있다.

  • 실시간 데이터베이스 (Realtime Database) : Firebase의 NoSQL 클라우드 데이터베이스로 실시간 데이터 동기화를 제공한다. 실시간으로 데이터를 읽고 쓸 수 있으며, 실시간 애플리케이션에 적합하다.

  • 사용자 인증 (Authentication) : Firebase는 사용자 인증 시스템을 제공하여 이메일/비밀번호, 소셜 미디어 로그인, 사용자 정의 토큰 등 다양한 방식으로 사용자를 인증할 수 있다.

  • 클라우드 스토리지 (Cloud Storage) : Firebase는 클라우드 기반의 파일 스토리지를 제공하여 애플리케이션에서 사용자가 업로드한 파일을 저장하고 검색할 수 있다. 이미지, 동영상, 문서 등 다양한 파일 형식을 지원한다.

  • 성능 모니터링 : Firebase는 애플리케이션의 성능을 모니터링할 수 있는 도구를 제공한다. 사용자가 애플리케이션을 어떻게 사용하는지, 어떤 종류의 네트워크 문제가 발생하는지 등을 추적하고 분석할 수 있다.

0개의 댓글

관련 채용 정보