본문 바로가기

현인

검색하기
현인
프로필사진 현인(Hyeon In)

  • HI's Dev Log (70)
    • 기술 학습 (38)
      • JavaScript (12)
      • React (3)
      • ETC (2)
      • NextJS (8)
      • Apollo-Client (0)
      • GraphQL (6)
    • CS 학습 (6)
      • 네트워크 (1)
      • WEB (5)
    • 알고리즘 (15)
    • 개발 일기 (10)
Guestbook
Recent Posts
Recent Comments
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록local storage 사용법 (1)

현인

캐시 데이터로 에러 발생 시 데이터 유지

API fetch 중 문제가 발생했을 때, 에러 창을 띄우는 것이 아닌 이전 데이터를 유지 해야 한다는 요구사항이 있어서 다음과 같이 구현했다. 프레임워크는 Next.js 이며, 별도의 API 관련 라이브러리를 사용하지 않고 fetch로 가져온다.const fetchData = useCallback(async () => { const response = await fetch('API URL'); if (response.ok) { const fetchedData = await response.json(); setData(fetchedData); // 데이터를 LocalStorage에 저장, 오류 발생 시 캐시된 데이터 사용하기 위함 localSt..

기술 학습/NextJS 2024. 11. 29. 09:17
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바