선생님 혹시 캐싱기능을 어떻게사용하면좋을까요?

[정중식]

const posts = ref();
const count = ref(6);
const postCount = ref();
const isMoreButtonDisabled = ref(false);
const isLoading = ref(false);

const onPostList = async () => {
  if (!posts.value || posts.value === undefined) {
    isLoading.value = true;
    const data = await fetchPostList();
    posts.value = data;

    postCount.value = await fetchPostCount();
    isMoreButtonDisabled.value = posts.value?.length === postCount.value;
    isLoading.value = false;
  }
};

onMounted(onPostList);

대충이렇게 사용중인데 지금 페이지를벗어났다가 다시들어오면 post.value가 사라지는것같습니다.

어쩌면좋을까요?

컴퓨티드를 적용시켜봤는데 생각만큼 잘안되는데..

적용은 이렇게해봤습니다.

computed(() => {
  onPostList();
  return posts.value;
});

[codingapple]

새로고침해도 유지시키려면 로컬스토리지에 보관해놓고 쓰거나 다시 ajax요청 날리는 수 밖에 없습니다

[정중식]

선생님 파이어베이스에 이미지를 저장시켰고, post 컬렉션에 imageList.src 이런식으로 
파이어베이스의 이미지 url경로를 저장시켜주고 불러와주고있습니다.

근데 게시글 수정할 때 이미지가 문제인데요..
어떻게 처리해줘야하나요?
파이어베이스에 이미지를 올릴땐 blob객체나, data어쩌구의 객체인상태에서 올려야한다고 알고있는데
지금 저는 파이어베이스 url상태입니다.

1.이미지를 그대로두고 게시글,내용물만 바꾼다.
2. 기존이미지에서 몇개의 이미지만 추가한다.
3. 기존이미지 삭제하고 몇개의 이미지 추가한다.

이런식으로 1,2,3을 구현하려고하는데요
3번은 구현했으나,

1번과2번이 말썽입니다.

파이어베이스 url로된 이미지를 혹시  blob객체로 변환시킬수가있나요? 

지금 문제가 게시글 불러오면 imageList[]는 파이어베이스 이미지 저장경로인 url이 저장되어있는데,
여기서 이미지를 추가하면 blob로 코드가짜여지게끔되어있습니다.
그래서 url+blob짬뽕인데.. 어떤식으로해야 좋을까요?

[codingapple]

blob은 html에서 이미지 미리볼 때만 필요해서 쓴거라
firebase storage에 이미지 업로드 후에 나오는 url 을 저장합시다

[정중식]

아, 선생님 죄송합니다 질문이 좀 애매모호했네요,

firebase storage에 이미지 업로드 후에 나오는 url을 서버에 저장해뒀는데요,

이거를 수정하려고하면 (이미지를 더 추가할때) 어떻게 해야하나요?

firebase storage에 이미지를 업로드하려면

blob나 base64였나? 그런 거로만 업로드가 가능하다고 알고있어서

아래와같은 방식으로 처리해야하나? 싶은데..

' 기존에 저장되어있는 이미지 url을 blob로 바꿔주기 ' 

이렇게 하는게맞나요?

[codingapple]

추가할 이미지를 storage에 업로드하고 url나오면 그걸 firestore에 저장하면 됩니다

[글쓴이]

글