Closed bgyoons closed 11 months ago
https://developer-talk.tistory.com/242 https://velog.io/@skyu_dev/Cache-API-%EC%84%9C%EB%B2%84-%EC%9D%91%EB%8B%B5response%EC%9D%98-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EC%BA%90%EC%8B%B1%ED%95%98%EC%97%AC-%EB%B6%88%ED%95%84%EC%9A%94%ED%95%9C-%EC%9A%94%EC%B2%AD%EC%9D%84-%EC%A4%84%EC%97%AC%EB%B3%B4%EC%9E%90 캐시 구현 > 일단 라우팅, history api를 이용해 path 설정
https://developer.mozilla.org/en-US/docs/Web/API/Cache/put response 객체를 전달해야하는데 이미 사용하고 있는 것은 안됨!
Uncaught (in promise) TypeError: Failed to execute 'put' on 'Cache': Response body is already used > 에러 뜸
https://developer.mozilla.org/en-US/docs/Web/API/Response/clone caches.put(response.clone()) 로 구현
캐시 matches를 통해 있으면 가져오고, 없으면 패치
api 호출할 때마다 캐시 풋 넣음
매치를 하는것도 api 안에서 구현을 해야하나???
경로가 있을 때 새로고침 > 캐시가 있긴 함 > 근데 브래드크럼 구현이 안됨 > 경로 따라서 다 불러오는거면 말짱도루묵
history에 폴더 이름을 같이 저장해서 가져와서 쓰자! 쿼리스트링으로 구현해서 decode 해야함..
회고
과제하면서 설계한 과정, 의문들 정리
https://developer-talk.tistory.com/242 https://velog.io/@skyu_dev/Cache-API-%EC%84%9C%EB%B2%84-%EC%9D%91%EB%8B%B5response%EC%9D%98-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EC%BA%90%EC%8B%B1%ED%95%98%EC%97%AC-%EB%B6%88%ED%95%84%EC%9A%94%ED%95%9C-%EC%9A%94%EC%B2%AD%EC%9D%84-%EC%A4%84%EC%97%AC%EB%B3%B4%EC%9E%90 캐시 구현 > 일단 라우팅, history api를 이용해 path 설정
https://developer.mozilla.org/en-US/docs/Web/API/Cache/put response 객체를 전달해야하는데 이미 사용하고 있는 것은 안됨!
Uncaught (in promise) TypeError: Failed to execute 'put' on 'Cache': Response body is already used > 에러 뜸
https://developer.mozilla.org/en-US/docs/Web/API/Response/clone caches.put(response.clone()) 로 구현
캐시 matches를 통해 있으면 가져오고, 없으면 패치
api 호출할 때마다 캐시 풋 넣음
매치를 하는것도 api 안에서 구현을 해야하나???
경로가 있을 때 새로고침 > 캐시가 있긴 함 > 근데 브래드크럼 구현이 안됨 > 경로 따라서 다 불러오는거면 말짱도루묵
history에 폴더 이름을 같이 저장해서 가져와서 쓰자! 쿼리스트링으로 구현해서 decode 해야함..