레시피 세부 페이지 캐싱 처리의 개선이 필요함 - Githubissues

youngwan2 / food-picker

내가 먹는 음식은 과연 안전한 음식일까? 여기 시장 어릴 적 부터 있었는데, 언제부터 있었던 걸까? 또 무엇이 유명하지? 이거 칼로리는 작아보이는데 영양가도 있을까? 간단하게 만들어 먹을 수 있는 음식은 뭐가 있을까? 모든 궁금증과 고민을 해결할 수 있는 사이트

https://www.foodpick.co.kr/

0 stars 0 forks source link

레시피 세부 페이지 캐싱 처리의 개선이 필요함 #17

Closed youngwan2 closed 6 months ago

youngwan2 commented 6 months ago

보다 효율적인 캐싱처리의 필요성

현재 레시피의 실질적인 조리법 등을 소개하는 세부 페이지에서 각 레시피별로 매칭하여 보여주기 위해 레시피의 고유 식별자와 매칭되는 목록만 전역 상태로 관리하여 사용하는 방식으로 쓰이고 있음.
그러나 사용자가 새로고침을 하게되면, 상태가 초기화되면서 빈페이지가 보이는 문제가 발생하여. 새로고침 이후에도 캐시된 데이터를 활용할 수 있도록 추가적인 로직 처리가 필요해짐.
(비고) open api 를 사용하여 데이터를 외부 백엔드에서 가져오고 있고, 이를 위한 GET 요청 한도가 1000 이라는 매우 제한적인 상황에서 쓰이기 때문에, 이를 효율적으로 사용하기 위해 전역상태로 관리하였음.

참고 이미지

세부 페이지(새로고침 전) : 정상적으로 세부 페이지가 보여짐

※ 참고로 해당 세부 페이지의 디자인은 수정할 예정(24.05.28 기준).

새부 페이지(새로고침 후) : 기존 데이터가 빈 배열로 초기화되었기에 로딩 화면에서 멈춤

youngwan2 commented 6 months ago

해결