localstorage에 리소스 저장 및 조회

2022. 11. 9. 14:54·JS소스모듈
/**
* 로컬 스토리지에서 조회합니다.
*/
loadStorage() {
	// 키(item-title)를 가지고 호출합니다.
	const data = localStorage.getItem('item-title');
	try {
		// 호출된 값은 문자열로 되어있기 때문에 JSON.parse를 해줍니다.
		const playList = JSON.parse(data);
	} catch (e) {
		// 스토리지는 모바일에서 용량 문제 등으로 에러가 발생할 수 있기 때문에
        // try - catch 처리를 잘해줍니다.
		console.error(e);
	}
}

/**
* 로컬 스토리지에 저장합니다.
*/
saveStorage() { 
	try {
		// JSON.stringify 를 통해 문자열로 저장해줍니다.
		localStorage.setItem('item-title', JSON.stringify(item));
	} catch (e) {
		// 스토리지는 모바일에서 용량 문제 등으로 에러가 발생할 수 있기 때문에
        // try - catch 처리를 잘해줍니다.
		console.error(e);
	}
}

sessionstorage와 localstorage의 차이는?

 

메모리와 localstorage의 차이는?

'JS소스모듈' 카테고리의 다른 글

[과제 테스트]fetch함수 사용  (0) 2022.11.10
허허허헣  (0) 2022.11.09
부모 엘리먼트로 올라가면서 셀렉터를 만족하는 가장 가까운 요소를 찾기  (0) 2022.11.09
리스트안에서 엘리먼트의 인덱스 번호 찾기  (0) 2022.11.09
자신의 모든 자식 엘리먼트 제거하기  (0) 2022.11.09
'JS소스모듈' 카테고리의 다른 글
  • [과제 테스트]fetch함수 사용
  • 허허허헣
  • 부모 엘리먼트로 올라가면서 셀렉터를 만족하는 가장 가까운 요소를 찾기
  • 리스트안에서 엘리먼트의 인덱스 번호 찾기
JoyYellow
JoyYellow
  • JoyYellow
    JoyYellow
    JoyYellow
  • 전체
    오늘
    어제
    • 분류 전체보기 (128)
      • Vue (7)
      • React (10)
      • 알고리즘 풀이 (29)
      • 타입스크립트 (2)
      • Microsoft (4)
      • TIL(Today I Learned) (16)
      • Devops (4)
      • CS(Computer Science) (2)
      • Spring (1)
      • Incomplete (0)
      • JS소스모듈 (10)
      • TDD (2)
      • 스프링부트 (0)
      • CSS (8)
      • Next.js (0)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    노마드코더
    개발자북클럽
    노개북
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
JoyYellow
localstorage에 리소스 저장 및 조회
상단으로

티스토리툴바