[배경]
제 수업을 듣는 분들에게 자료를 공유하기 위해
간단한 회원가입 기능이 필요한 상황입니다.
ID/PW를 받아서 DB에 넣으면 간단하지만
쇼셜 로그인(구글, 카카오…) 기능이 있으면 좋겠네요.
[supabase 이용]
찾아보니 Supabase 를 이용하면 간단하다고 합니다.
사이트 자체의 완성도가 높고 신뢰가 갑니다.
Supabase에 도전합니다.
문서를 읽어가며, AI에게 물어물어
2시간 만에 3가지 로그인을 구현했습니다.
물론 개발자 입장에서는 간단합니다.
그런데 이 작업이 비개발자에게는 무리입니다.
결정적으로 마음에 안드는 것은
저의 고객 정보를 Supabase가 가지지고 있는 것입니다.
[supabase 에서 PHP로 이전]
Cursor를 열고 아래와 같이 요청했습니다.
- 간단한 회원 관리 시스템이 필요해
- PHP + React + SQLite를 사용하고 싶어.
- 이메일, Google, Kakao 3가지 로그인 지원
- 관리자 도구를 통해 사용자 정보 리뷰, 삭제 가능
- 기존에 Supabase를 통해 구현한 것을 모두 걷어내고 로컬에서 동작하도록!
- 관리자는 OOOO 인데, 이 계정으로 로그인하면 관리도구를 보여줘
다시 3시간 정도 작업을 통해
모든 기능이 로컬에서 완벽하게 동작하는
소셜 로그인+관리자 도구가 만들어 졌습니다.
[교훈]
- ‘간단’의 의미는 상대적이다.
- 개발자의 ‘간단’은 디자이너에게 ‘암담’이다.
- 1년 전에는 Supabase가 간단하게 보일 수 있다.
- 지금은 바이브코딩이 더 간단한다
- 아무리 훌륭한 외주 개발서비스(supabse)가 있어도
내 직원(AI) 데리고 내 건물(AWS)에서 일하는게 마음 편하다.
[기술 스택]
Frontend:
React 18 – 사용자 인터페이스
TypeScript – 타입 안전성
CSS3 – 스타일링 및 반응형 디자인
Backend:
PHP 8.1 – 서버 사이드 로직
SQLite – 데이터베이스
JWT (JSON Web Tokens) – 인증 시스템
OAuth 2.0 – 소셜 로그인 (Google, Kakao)
개발 도구:
Composer – PHP 의존성 관리
npm – Node.js 패키지 관리
PHP Development Server – 로컬 개발 서버