[React] Local Storage, Firebase

dev_NameIsUser·2023년 6월 1일

React

목록 보기
7/7

Local Storage

Local Storage

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

특징

  • local storage는 사용자의 로컬 컴퓨터에 데이터를 저장하므로, 페이지를 새로고침하거나 닫아도 데이터는 유지된다.
  • local storage는 key-value 형식으로 저장된다. 모두 문자열 형태이며, 자바스크립트를 이용하여 이 값들에 접근하고 수정할 수 있다. 일반적으로 브라우저의 Javascript API 인 localStorage 객체를 통해 사용된다
  • local storage는 세션과 관련된 데이터, 사용자의 기본 설정, 임시 데이터 및 기타 윕앱에서의 작은 데이터를 저장하는데 유용하다. 로그인 정보, 사용자의 환경설정, 캐시된 데이터, 생성한 콘텐츠 등을 저장하는데 사용할 수 있다.

사용법

저장하기

1. 기본형

localStorage.setItem('key', 'value')

Ex)

localStorage.setItem('name', 'cho')

가져오기

Ex)

localStorage.setItem('name', 'cho')

let a = localStorage.getItem('name') // key 값을 기준으로 가져옴
console.log(a) // cho

삭제하기

Ex)

localStorage.setItem('name', 'cho')
localStorage.setItem('age', '20')
localStorage.setItem('height', '180')

localStorage.removeItem('name') // key 값을 기준으로 삭제

localStorage.clear() // 모든 데이터 삭제

FireBase

FireBase란?

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

특징

  • 다양한 기능과 서비스를 제공하여 개발자가 사용자 인증, 데이터베이스, 스토리지, 호스팅, 푸시 알림등을 포함한 다양한 애플리케이션 요구 사항을 쉽게 처리할 수 있다.
  • 실시간 데이터베이스 (Realtime Database) : Firebase의 NoSQL 클라우드 데이터베이스로 실시간 데이터 동기화를 제공한다.

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

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

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

0개의 댓글