bgyoons / Study-with-me

0 stars 0 forks source link

고양이 사진첩 만들기 과제 블로깅 #32

Closed bgyoons closed 11 months ago

bgyoons commented 12 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 해야함..

bgyoons commented 11 months ago

회고