Скачать или смотреть React & Supabase Full Stack | 📚 Notion 스타일 에디터로 나만의 콘텐츠 플랫폼 만들기 (feat. 8hours)

01강 - Shadcn UI를 활용한 공통 Header 컴포넌트 만들기 - 00:00
02강 - constants 상수화를 통한 Side-bar 컴포넌트 만들기 - 20:50
03강 - 스켈레톤 UI로 대략적인 레이아웃 구성하기 - 37:42
04강 - Shadcn UI를 활용한 공통 Footer 컴포넌트 만들기 - 51:38
05강 - 리액트 라우터(React Router)란 무엇인가? - 01:12:14
06강 - 페이지 라우팅 및 Outlet을 활용한 전역 레이아웃 관리 - 01:22:44
07강 - 토픽 생성 페이지 UI 만들기 - 01:38:18
08강 - 로그인 페이지 UI 만들기 - 02:00:16
09강 - 회원가입 페이지 UI 만들기 - 02:18:20
10강 - Supabase 연동하기 - 02:36:18
11강 - 회원가입 기능 개발하기 - 02:43:04
12강 - DB 테이블 Join을 통한 회원가입 기능 개선 - 02:55:00
13강 - 로그인 기능 개발하기 - 03:06:56
14강 - Zustand로 상태 관리하기 上 - 03:13:06
15강 - Zustand로 상태 관리하기 中 - 03:22:25
16강 - Zustand로 상태 관리하기 下 - 03:27:03
17강 - Zustand 로그인 상태 관리 및 persist로 인증 유지하는 방법 - 03:37:17
18강 - 리액트에서 Notion 스타일 에디터 구현하기 - 03:52:31
19강 - 실전 CRUD, Supabase로 구현하는 토픽 생성(Create) 기능 - 04:01:11
20강 - 실전 CRUD, Supabase로 구현하는 토픽 수정(Update) 기능 - 04:17:40
21강 - 이미지 업로드 및 미리보기 구현 (파일 선택 & 썸네일 렌더링) - 04:33:59
22강 - 클라우드 저장소 구축: Supabase Storage에 파일 업로드하는 법 - 04:49:25
23강 - 임시 저장 목록 조회 시스템 구축하기 上 - 05:03:20
24강 - 임시 저장 목록 조회 시스템 구축하기 中 - 05:11:05
25강 - 임시 저장 목록 조회 시스템 구축하기 下 - 05:20:28
26강 - 임시 저장 글 불러오기 및 수정, 발행 로직 완전 정리 - 05:37:00
27강 - 발행 글 개수에 따라 달라지는 UI 만들기 - 05:49:41
28강 - 가짜 데이터는 끝! 진짜 데이터 불러오기 - 05:58:33
29강 - 토픽 상세 화면 디자인 완성 - 06:16:44
30강 - 토픽 상세 페이지 데이터 바인딩 - 06:34:25
31강 - 토픽 삭제 기능 구현하기 - 06:42:22
32강 - 검색 필터 이렇게 만든다고?! Supabase eq 쿼리문 실전 사용법 - 06:50:49
33강 - Tailwind CSS로 반응형 UI 완성하기 - 07:03:49
34강 - Supabase OAuth 구글 로그인(소셜 로그인) 연동 환경 설정 - 07:15:05
35강 - Zustand Persist와 Supabase 세션 연동: 로그인 상태 자동 동기화 - 07:21:09
36강 - 프로젝트 디테일 및 완성도 높이기 - 07:39:46
37강 - 소셜 로그인 OAuth Callback과 사용자 인증 흐름 완전 분석 - 07:51:19
38강 - Vercel을 활용한 React + Supabase 프로젝트 배포 실습 - 08:03:37
39강 - Duplicate Key 오류 종결! RLS부터 Postgres 트리거로 '단 한 번의 삽입'을 보장하는 안전한 사용자 프로필 자동 동기화 시스템 구축 - 08:07:53