개요1. 진행 기간: 2024.08.28 ~ 2024.09.032. 인원: 5명3. 개발환경- React, Vite- 전역상태관리: Context API- 데이터베이스: Supabase- Github, Figma, Slack, Notion 등 활용 4. Github 링크프로젝트 소개주제 선정 계기단순 학습 용도가 아닌 실생활에서 활용할 수 있는 프로젝트를 만들어보고싶어 시작된 아이디어다!내일배움캠프에서 빠르게 여러 프로젝트들을 진행하면서 발표를 듣지못한 다른 팀들의 프로젝트도 궁금하고, 내 프로젝트도 한 곳에 모여있으면 뿌듯할 것 같다는 생각이 들었는데 이 기회에 프로젝트들을 한눈에 모아볼 수 있는 기능을 만들어보기로 했다. 주요 담당 기능1. Post fetch 및 Context Provider2. P..
팀프로젝트에서 게시글 작성, 수정 기능을 메인으로 담당하게 됐다처음엔 주요 요구사항들 위주로 빠르게 진행하느라 게시글 내용을 저장해둔 여러 column들 중 제목만, 제목이랑 내용만 이런식으로 수정한 부분만 테이블 update하는 부분을 처리하지 않고 넘어갔는데 결국 처리해야하는 순간이 다가왔다 ㅋㅋㅋ supabase를 사용했고, 게시글의 썸네일을 저장하기위해 supabase에서 storage에 저장 -> storage에서 해당 이미지의 publicUrl을 받아오기 -> 그 publicUrl을 posts table에 저장하는 과정을 거쳤는데, 이미지는 수정에 있어 여러 경우로 나뉠 수 있어 수정 페이지에 들어온 첫 순간과 수정을 마무리하는 순간에 파일이 변했는지 확인하는 과정이 필요했다. 게시글 수정에서..
정말.. 오랜시간 헤맸다 🥹supabase를 이용해 게시글 작성 기능을 만들고, 이미지 첨부 기능을 만드는 중에 계속 아래와같은 오류가 발생했다 오류 1Invalid Key: public/[objec File]공식문서를 보니 기능을 사용하는데 필요한 인자가 아니라 다른 인자를 넘겼는지 확인해보라는 내용이 있었다supabase storage 오류 문서 처음에는 [object File] 이 아닌 다른 타입의 인자가 필요한 건지 헤맸는데.. 생각보다 너무 간단한 문제였다supabase store에서 저장될 File path를 넘겨줘야하는데 (ex. public/파일명 이라고 넘겨주면 지정한 bucket > public 폴더에 지정한 파일명으로 저장됨) 파일 경로에 들어갈 수 없는 문자가 포함돼있어서 문제가 ..
원하는 페이지로 이동하지 않는 오류시도한 방법알고보니 Outlet과 관련된 문제였고 내가 Outlet의 개념을 정확히 몰라서 ㅎㅎ ㅠ 설정을 잘못 한 것이 문제였다우선 라우팅되는 경로들을 확인했을 때 로그인 후 ProtectedRoute로 이동 -> 로그인 되지 않은 경우 (예외처리) SignIn 페이지로 이동 -> 그렇지 않은 경우 Outlet 반환인 것을 확인했다. const routesForAuthenticatedOnly = [ { path: "/", element: , }, { path: "", element: , }, { path: "/profile", element: , }, ]; export const ..