AI 웹앱 제작기 | 왜 Supabase를 선택했을까? 비개발자의 실제 경험

AI 웹앱을 만들기 위해 Supabase를 선택한 이유와 실제 사용 경험을 정리했습니다.

비개발자의 입장에서 데이터베이스, 회원가입, 로그인, Storage, RLS까지 경험하며 느낀 장점과 어려움을 소개합니다.

 

 

 

프로그램보다 데이터가 먼저였습니다.

웹앱을 만들기 시작했을 때 가장 먼저 고민했던 것은 화면 디자인도 아니었고, 코드를 어떻게 작성할지도 아니었습니다.

"이 데이터를 어디에 저장하지?"

라는 질문이 가장 먼저 떠올랐습니다.

엑셀에서는 모든 데이터가 파일 안에 있었습니다.

작업을 등록하면 엑셀에 저장했고, 수정도 엑셀에서 했습니다.

하지만 웹앱은 달랐습니다.

브라우저를 닫아도 데이터가 남아 있어야 했고, 다른 컴퓨터에서도 같은 정보를 볼 수 있어야 했습니다.

그 순간 처음으로 데이터베이스라는 개념을 진지하게 생각하게 되었습니다.

---

데이터베이스라는 단어부터 부담스러웠습니다.

솔직히 처음에는 데이터베이스가 가장 어려워 보였습니다.

SQL이라는 언어를 사용해야 한다는 이야기를 들었고,

테이블을 설계해야 한다는 설명도 봤습니다.

개발 경험이 없는 저에게는 모든 것이 낯설었습니다.

'이건 개발자만 할 수 있는 일 아닐까?'

라는 생각도 들었습니다.

하지만 ChatGPT와 Claude는 오히려 데이터베이스를 가장 쉽게 설명해 주었습니다.

엑셀의 시트처럼 생각하면 된다고 했고,

행(Row)은 한 개의 데이터,

열(Column)은 데이터의 항목이라고 설명했습니다.

그 설명을 듣고 나니 막연했던 두려움이 조금씩 사라졌습니다.

 

사실 실제 사용하는 웹앱을 하나 만들고 난 지금도 몰라요.

다시 새로운걸 개발한다고 해도 ai도움 없이 할 자신은 없어요.....

그냥 이번에 새로운걸 만들어 보면서 supabase니 vercel이니 git등등을 알게된거 자체로 현재는 만족하고 있습니다.

 

아마 몇개 더 만들어보면 개념이 뚜렷해지면서 오늘 작성한것들을 보완할 수 있겠죠!!

 

---

여러 서비스를 비교하기보다 먼저 "내가 필요한 기능"을 적었습니다.

처음에는 어떤 서비스를 선택해야 하는지도 몰랐습니다.

Firebase도 있었고,

Supabase도 있었으며,

다른 Backend 서비스도 많이 있었습니다.

하지만 저는 서비스를 비교하기보다 먼저 제가 만들고 싶은 웹앱에 필요한 기능부터 적어보기로 했습니다.

필요했던 기능은 생각보다 단순했습니다.

• 로그인 기능
• 작업 데이터를 저장하는 데이터베이스
• 이미지 업로드
• 사용자별 권한 관리
• 웹에서 쉽게 연결할 수 있는 API

이 다섯 가지였습니다.

그런데 Supabase는 이 기능을 대부분 하나의 플랫폼에서 제공하고 있었습니다.

데이터베이스를 따로 만들고, 로그인 서비스를 따로 연결할 필요가 없었습니다.

비개발자인 저에게는 이 점이 가장 큰 장점으로 느껴졌습니다.

 

그리고 비교할 정신도 없어요.. 일단 시키는대로 시작하면 이미 그걸로 결정이 되는것 같..... ㅎㅎㅎㅎㅎ

---

AI가 Supabase를 추천한 이유도 비슷했습니다.

웹앱 구조를 ChatGPT에게 설명했을 때 AI도 Supabase를 추천했습니다.

이유는 명확했습니다.

제가 만들려는 프로젝트 규모라면 복잡한 서버를 직접 구축하는 것보다 Supabase를 사용하는 것이 훨씬 효율적이라는 것이었습니다.

특히 JavaScript와 연결하기 쉽고,

회원가입과 로그인 기능을 빠르게 구현할 수 있다는 점이 큰 장점이라고 설명했습니다.

Claude 역시 비슷한 의견을 주었습니다.

두 AI가 같은 방향을 제안하니 저도 조금 더 자신감을 갖고 시작할 수 있었습니다.

 

 

이제 이런 화면은 익숙해요!

GPT가 여기서 뭐 수정하라고 하고, 실제 개발후에 여기서 user를 추가하니까 바로 적용되고

그거 자체로 재미있었고 경험을 하고 나니까 익숙해졌어요.

 

사실 이런것때문에 시작이 반이라고 하는게 아닌가 싶어요.

모르니까 안하게 되는데

사실 하다보면 알게되는거자나요? ㅎㅎ

 

---

실제 사용하면서 가장 좋았던 점

막상 사용해 보니 가장 만족스러웠던 것은 속도였습니다.

테이블을 만들고 데이터를 저장하는 과정이 생각보다 어렵지 않았습니다.

웹에서 바로 데이터를 확인할 수 있었고,

SQL을 몰라도 기본적인 작업은 충분히 진행할 수 있었습니다.

무엇보다 ChatGPT에게

"이 테이블 구조를 만들어 주세요."

라고 요청하면 필요한 SQL까지 함께 작성해 주었습니다.

예전 같으면 개발자를 찾아야 했던 작업을 AI와 함께 해결할 수 있다는 점이 가장 인상적이었습니다.

---

물론 어려운 점도 있었습니다.

모든 것이 쉬웠던 것은 아닙니다.

가장 오래 걸렸던 부분은 권한(RLS) 설정이었습니다.

데이터는 저장되는 것 같은데 조회되지 않는 경우도 있었고,

로그인은 성공했지만 데이터를 수정하지 못하는 상황도 있었습니다.

처음에는 코드가 문제라고 생각했습니다.

하지만 원인은 대부분 Supabase의 권한 정책에 있었습니다.

그때 처음으로 웹앱은 코드만 잘 작성한다고 끝나는 것이 아니라,

데이터베이스와 권한 설정까지 함께 이해해야 한다는 사실을 알게 됐습니다.

이 이야기는 다음 글에서 조금 더 자세히 소개하려고 합니다.

 

---

비개발자에게 Supabase를 추천할 수 있을까?

제 대답은 "네."입니다.

다만 한 가지 조건이 있습니다.

Supabase를 외우려고 하지 말고,

내가 만들고 싶은 서비스를 먼저 정리하는 것입니다.

어떤 데이터를 저장해야 하는지,

누가 로그인해야 하는지,

어떤 정보를 조회해야 하는지를 먼저 정리하면 Supabase는 훨씬 이해하기 쉬운 도구가 됩니다.

저 역시 개발을 배우면서 Supabase를 사용한 것이 아니라,

Supabase를 사용하면서 개발을 조금씩 이해하게 되었습니다.

---

마무리

웹앱을 만들기 전까지 데이터베이스는 개발자만 다루는 영역이라고 생각했습니다.

하지만 직접 경험해 보니 중요한 것은 SQL을 얼마나 잘 아느냐가 아니라,

어떤 데이터를 관리하고 싶은지 명확하게 아는 것이었습니다.

Supabase는 그런 과정을 AI와 함께 시작하기에 좋은 도구였습니다.

지금도 새로운 기능을 추가할 때마다 ChatGPT와 Claude의 도움을 받고 있지만,

웹앱의 중심에는 항상 Supabase가 있습니다.

비개발자인 저도 여기까지 올 수 있었던 이유는 복잡한 기술보다 문제를 하나씩 해결해 나가는 과정에 집중했기 때문이라고 생각합니다.

 

---

FAQ

Q. Supabase는 무료로 사용할 수 있나요?

개인 프로젝트나 학습용이라면 무료 플랜만으로도 충분히 시작할 수 있습니다.

Q. SQL을 몰라도 사용할 수 있나요?

기본적인 기능은 사용할 수 있습니다. 다만 프로젝트가 커질수록 SQL을 조금씩 이해하면 훨씬 편리합니다.

Q. Firebase 대신 Supabase를 선택한 이유는 무엇인가요?

저는 기능 비교보다 제 프로젝트에 필요한 로그인, 데이터 저장, 권한 관리, API 제공을 한 곳에서 사용할 수 있다는 점이 더 중요했습니다.

Q. 비개발자도 Supabase를 사용할 수 있을까요?

충분히 가능합니다. AI와 함께 학습하면서 프로젝트를 진행하면 생각보다 빠르게 적응할 수 있습니다.

 

2026.07.09 - [AI 활용] - AI 웹앱 제작기 ①엑셀 업무 자동화를 위해 AI 웹앱을 만들었습니다

AI 웹앱 제작기 ①엑셀 업무 자동화를 위해 AI 웹앱을 만들었습니다

 

2026.07.12 - [AI 웹앱 제작기] - AI 웹앱 제작기 ② | ChatGPT만으로는 부족했습니다. Claude를 함께 사용한 이유

AI 웹앱 제작기 ② | ChatGPT만으로는 부족했습니다. Claude를 함께 사용한 이유