Replit에서 Firebase로 로그인/결제 구현 시도기: 쉽지 않았던 2주차 백엔드 여정
소개
스터디 2주차의 개인 목표는 백엔드 개발이었습니다. 프론트엔드 위주의 개발 툴인 Replit을 사용하면서도 Firebase를 통해 회원가입/로그인, 나아가 결제 기능까지 구현해보자는 도전이었어요.
"이 정도면 간단하게 MVP 하나 만들 수 있지 않을까?" 하는 마음으로 시작했지만... 생각보다 만만치 않았습니다 😅
진행 방법
🔧 사용한 도구
Replit: 프론트 중심의 웹 앱 개발 툴
Firebase: Auth와 Firestore 위주로 활용
Codex CLI: 설치는 했으나 사용법을 익히지 못함
Github 연동 : replit을 깃허브로 push해서 코덱스로 돌리고 싶었는데 하지 못함
🧪 시도한 구현
Firebase에서 Email/Password 기반 인증 세팅
로그인/회원가입 UI를 직접 구성하고 Firebase Auth에 연결
결제 기능을 위한 외부 연동 고민
Plant White 웹 사이트의 스크린 샷
🐞 시행착오와 문제점
Replit 자체가 서버 역할을 감당하기에는 제한적이라 백엔드 구조 설계가 어려웠습니다
CLI 도구를 설치해놓고도, 문서를 제대로 읽지 않아 사용법을 몰라 손도 못 댐
OAuth나 인증 토큰 관리도 Replit에서는 세밀한 제어가 어려움
결과와 배운 점
프론트 중심 플랫폼에서 백엔드까지 다 하려는 건 무리수였다 😵💫
도구를 고르기 전에, 어떤 구조로 개발할지 먼저 설계했어야 했음
"일단 CLI 설치하고 뭐 되겠지" → 절대 안 됩니다 ❌
다음에는 Firebase를 쓰더라도 Vite + Netlify 등 더 명확한 개발 환경을 구축해서 시도할 예정입니다
💬 하고 싶은 말:
빠르게 뭔가를 만들고 싶을수록, 환경과 도구에 대한 이해가 먼저라는 걸 다시 느꼈어요. Replit은 훌륭한 툴이지만, 만능은 아니라는 걸 이번에 제대로 체감했습니다!
