파이어베이스 이미지 업로드

오늘은 파이어베이스에 이미지 업로드를 시도 해봤다 .

공식문서를 보면서 천천히 구현해 봤다.

일단 관리자 페이지를 만들어서 상품을 등록하는 기능을 만들어 밨다 .

UI는 이런식으로 만들어 두고 이름 가격 이미지를 업로드 해보려고 한다!

일단 파이어베이스의 기본 내장함수를 이용하여 이미지를 저장시켜 본다!

const uploadFB = async (e) => {
    console.log(e.targat.files);
    const uploadFile = await uploadBytes(
      ref(storage, `/SnackPang/${e.targat.files[0].name}`),
      e.targat.files[0]
    );
    console.log(uploadFile);
  };

onChange 함수를 이용하여 파일을 등록할 때 파일을 읽게 하고 uploadBytes를 통하여 파이어베이스 경로와 이름을 만들어준다!

근데 아직까지 뭐가 문제인지 모르겠지만 AdminComponent.jsx:31 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'files')
at uploadFB (AdminComponent.jsx:31:1)
files를 읽어오지 못하는 상황이다 ...

내일 한번 더 고민해보고 시도해 봐야겠다 !