[강의] 284~쪽 구글 로그인이 되는 게시판 만들기(1) ━ 로컬 테스트

5월 연휴를 마치고 다시 슈퍼베이스 데이터베이스 배포 영상으로 돌아왔습니다. 오늘은 가상 커뮤니티 사이트를 바이브 코딩으로 빠르게 만들고, 도커 이슈를 우회해 SQLite + Prisma 조합으로 로컬 데이터베이스를 붙인 다음, 구글 클라우드 콘솔에서 OAuth 인증까지 직접 연동해 봅니다. 난이도가 한 단계 올라가는 구간이라, 책 285쪽 전후 흐름과 함께 보시면 훨씬 수월합니다.

[도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330
[도서 구매][교보] : https://product.kyobobook.co.k....r/detail/S0002195189
오픈카톡방 : https://open.kakao.com/o/ggK7EAJh

타임라인
0:00 5월 연휴 인사와 오늘의 학습 주제 안내
0:17 슈퍼베이스 데이터베이스 배포의 난이도 예고
0:32 9장까지 무료 공개, 10장은 후원자 전용 영상 안내
2:37 슈퍼베이스와 파이어베이스 중 슈퍼베이스를 고른 이유
4:02 가상 커뮤니티 사이트로 실습 주제 변경
5:47 프로젝트 폴더 생성과 플랜 모드로 컨텍스트 만들기
7:18 styles repo design 사이트로 디자인 레퍼런스 확보
9:50 플랜 결과 확인 후 프론트엔드 빌드 시작
12:20 프론트엔드 화면 점검과 Pretendard 폰트 적용
16:43 슈퍼베이스 로컬 세팅 시도와 도커 데스크톱 설치
19:51 도커 포기, SQLite + Prisma 조합으로 전환
23:24 로컬에서 회원가입·로그인·글쓰기 권한 테스트
25:32 구글 클라우드 콘솔에서 OAuth 동의 화면 만들기
29:38 OAuth 클라이언트 ID와 리디렉션 URI 등록
31:18 클라이언트 시크릿 JSON을 커서에 넘겨 세팅
35:53 실제 구글 계정으로 로그인하고 글쓰기 검증
38:13 OAuth 동작 원리 정리와 다음 영상 예고

오늘 다룬 내용
- 가상 커뮤니티 사이트를 바이브 코딩으로 회원가입·로그인·글쓰기까지 구현
- 플랜 모드와 디자인 레퍼런스를 활용해 컨텍스트를 충분히 만들고 개발 시작
- 도커 데스크톱 이슈로 슈퍼베이스 로컬 대신 SQLite + Prisma 조합으로 전환
- 본인 글만 수정·삭제할 수 있도록 권한 분기까지 로컬에서 검증
- 구글 클라우드 콘솔에서 OAuth 클라이언트 ID 발급과 리디렉션 URI 등록 절차
- Pretendard 폰트 적용 등 한글 사이트 디자인을 다듬는 작은 팁
- 9장까지는 무료, 10장부터는 후원자 전용 영상으로 제공하는 운영 방향

#바이브코딩 #커서 #cursor #슈퍼베이스 #supabase #구글로그인 #OAuth #구글클라우드콘솔 #프리즈마 #prisma #SQLite #넥스트오스 #nextauth #커뮤니티사이트 #회원가입 #로그인 #프론트엔드 #백엔드 #로컬개발 #프리텐다드 #한글폰트 #도커 #docker #웹개발 #코딩공부