[React] 팀프로젝트 - 뉴스피드 만들기(3) supabase를 이용하여 게시물 작성하기

로그인 했을 때 보여지는 '작성' 버튼을 클릭하면 게시물 작성 폼이 모달로 나타난다.
이 모달에서 게시물을 작성하고, 업로드 버튼을 누르면 메인페이지 피드에 보여질 수 있도록 supabase에 데이터를 보내는 부분이 내가 맡은 역할이다.

supabase.from('feed').insert() : feed는 팀에서 만든 테이블의 이름이다. 그리고 insert 안에 필요한 내용을 입력했다.
supabase.storage.from('photos').upload(이미지경로, 이미지) : 이미지 파일을 업로드하기 위해서는 supabase에서 storage를 만들고 그 이름을 우리는 'photos'라고 지었다.
supabase.strage.from('photos').getPublicUrl(public/#{imgID}).data.pulicUrl : 이미지 파일을 불러와 이미지 파일명을 이미지 url로 변환하여 table로 내보내는 작업이다.
제목 / 카테고리 - 지역 선택 / 태그 - 장소 선택 / 내용 / 이미지 를 작성하여 업로드하기 버튼을 클릭하면 된다.