참고한 강의 [풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14) : https://inf.run/6SLYm 서론 Supabase는 부트캠프 수강 중 마지막 프로젝트에서 사용한 경험이 있다. 경험한 바로는 firebase와 비슷하지만 더 직
\[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14): https://inf.run/6SLYmSupabase는 부트캠프 수강 중 마지막 프로젝트에서 사용한 경험이 있다.경험한 바로는 firebase와 비슷하지만 더 직관적인 편이기
supabase란?오픈 소스 백엔드 서비스로, 데이터베이스 및 인증, 스토리지 등 다양한 기능을 제공하는 플랫폼.개인적으로 파이어베이스보다는 이용하기 편했다.css는 따로 하지 않고 antd를 이용하였다.https://ant.design/components/f
오픈 소스 백엔드 서비스로, 데이터베이스 및 인증, 스토리지 등 다양한 기능을 제공하는 플랫폼.다른 페이지에서 가입한 정보로 로그인을 가능하게 하는 기능.supabase는 여러 소셜 로그인이 가능하다.사실 앞에 supabase 로그인 및 supabase 소셜로그인이 제
https://supabase.com/docs/reference/javascript/storage-createbucket1)storage 칸에서 버켓 만들기새로운 버켓을 만든다. 현재 프로젝트에서는 images로 생성했다.2)사진을 올리는 코드 구성기본 코드
타입스크립트 기반 리액트 웹앱을 만들고 있다.현재 모달창을 띄우는 대신 router로 페이지는 따로 만들지 않았다. 요약하자면, 컴포넌트들의 상위 하위 구조가 겹친 상태이다.header=>post=>detaildetail=>post대충 그린 그림:작성하기가 가능한 po
\[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14): https://inf.run/6SLYmhttps://github.com/react-dropzone/react-dropzone라이브러리 설치npm i --save rea