본문 바로가기
반응형

분류 전체보기68

Supabase란? AI와 함께 웹앱을 만들면서 가장 먼저 선택한 데이터베이스 웹앱을 만들다 보면 결국 데이터를 저장해야 하는 순간이 찾아옵니다.회원가입 정보를 저장해야 하고, 작업 내역도 기록해야 하며, 사용자가 입력한 내용도 안전하게 보관해야 합니다.저도 AI와 함께 웹앱을 만들기 시작했을 때 가장 고민했던 부분이 바로 데이터베이스였습니다.MySQL, PostgreSQL, Firebase처럼 다양한 선택지가 있었지만, 처음 개발하는 입장에서는 무엇을 선택해야 할지 막막했습니다.여러 자료를 찾아보고 직접 사용해 본 끝에 선택한 것이 Supabase였습니다.이번 글에서는 제가 왜 Supabase를 선택했는지, 실제 사용하면서 느낀 장점과 아쉬운 점을 정리해 보겠습니다. SUPABASE 바로가기Supabase는 무엇일까?Supabase는 데이터를 저장하고 관리할 수 있도록 도와주.. 2026. 7. 22.
웹앱은 어떻게 동작할까? 프론트엔드와 백엔드를 이해하면 개발이 쉬워진다 웹앱을 처음 만들기 시작하면 가장 많이 듣는 단어가 있습니다. 바로 프론트엔드, 백엔드, 그리고 API입니다.저도 처음 AI와 함께 웹앱을 만들기 시작했을 때는 이 단어들이 어렵게 느껴졌습니다. ChatGPT나 Claude가 코드를 만들어 주는데도, 막상 오류가 발생하면 어디를 수정해야 하는지 알 수 없었습니다.며칠 동안 직접 만들고 수정하는 과정을 반복하면서 한 가지를 깨달았습니다.웹앱은 하나의 프로그램이 아니라 여러 역할이 동시에 움직이는 구조라는 점입니다.오늘은 실제 웹앱을 만들면서 가장 먼저 이해해야 하는 '큰 그림'을 이야기해 보려고 합니다. 웹앱은 화면 하나로 만들어지지 않는다쇼핑몰에서 상품을 주문한다고 생각해 보겠습니다.상품을 장바구니에 담고 결제를 완료하면 주문 내역이 저장됩니다.몇 시간 .. 2026. 7. 21.
바이브 코딩(Vibe Coding)이란? AI가 개발의 방식을 바꾸고 있는 이유 "AI가 코드를 대신 써주는 시대가 왔다."최근 몇 년 동안 가장 많이 들리는 이야기 중 하나입니다. 하지만 정말 중요한 변화는 AI가 코드를 작성한다는 사실이 아닙니다. 더 큰 변화는 사람이 프로그램을 만드는 방식 자체가 달라지고 있다는 것입니다.이러한 변화를 설명하는 키워드가 바로 바이브 코딩(Vibe Coding)입니다. 개발은 원래 '생각보다 훨씬 어려운 일'이었다우리는 매일 수십 개의 앱과 웹사이트를 사용합니다.쇼핑몰에서 상품을 주문하고, 은행 앱으로 송금하며, 메신저로 대화를 나누는 일이 너무 자연스럽습니다. 하지만 이런 서비스를 하나 만들기 위해서는 생각보다 많은 기술이 필요합니다.예전에는 간단한 웹 서비스 하나를 만들기 위해서도 HTML과 CSS를 배우는 것에서 시작해 JavaScript,.. 2026. 7. 20.
AI 웹앱 제작기 | 왜 Supabase를 선택했을까? 비개발자의 실제 경험 AI 웹앱을 만들기 위해 Supabase를 선택한 이유와 실제 사용 경험을 정리했습니다.비개발자의 입장에서 데이터베이스, 회원가입, 로그인, Storage, RLS까지 경험하며 느낀 장점과 어려움을 소개합니다. 프로그램보다 데이터가 먼저였습니다.웹앱을 만들기 시작했을 때 가장 먼저 고민했던 것은 화면 디자인도 아니었고, 코드를 어떻게 작성할지도 아니었습니다."이 데이터를 어디에 저장하지?"라는 질문이 가장 먼저 떠올랐습니다.엑셀에서는 모든 데이터가 파일 안에 있었습니다.작업을 등록하면 엑셀에 저장했고, 수정도 엑셀에서 했습니다.하지만 웹앱은 달랐습니다.브라우저를 닫아도 데이터가 남아 있어야 했고, 다른 컴퓨터에서도 같은 정보를 볼 수 있어야 했습니다.그 순간 처음으로 데이터베이스라는 개념을 진지하게 .. 2026. 7. 14.
반응형

티스토리툴바