반응형 웹앱만들기4 AI 웹앱 제작기 ⑨ 최종편 AI로 웹앱 만들기, 비개발자도 어디까지 할 수 있을까? 실제 제작 과정 총정리AI를 활용하면 비개발자도 웹앱을 만들 수 있을까?최근에는 ChatGPT, Claude와 같은 생성형 AI를 이용해 웹사이트나 웹앱을 직접 만들어 보는 사람이 많아졌습니다.특히 바이브 코딩(Vibe Coding)이라는 개발 방식이 알려지면서 코드를 처음부터 직접 작성하지 않아도 AI와 대화하면서 프로그램을 만들 수 있다는 점에 관심이 높아졌습니다.그렇다면 실제로는 어디까지 가능할까요?간단한 화면 하나를 만드는 것과 사용자가 실제로 이용할 수 있는 웹앱을 만드는 것은 차이가 있습니다.화면을 만들고 버튼을 배치하는 것만으로 끝나는 것이 아니라 데이터 저장, API 연결, 오류 처리, 버전 관리, 배포 등 여러 과정이 필요하기 때문.. 2026. 8. 14. AI 웹앱 제작기 | 왜 Supabase를 선택했을까? 비개발자의 실제 경험 AI 웹앱을 만들기 위해 Supabase를 선택한 이유와 실제 사용 경험을 정리했습니다.비개발자의 입장에서 데이터베이스, 회원가입, 로그인, Storage, RLS까지 경험하며 느낀 장점과 어려움을 소개합니다. 프로그램보다 데이터가 먼저였습니다.웹앱을 만들기 시작했을 때 가장 먼저 고민했던 것은 화면 디자인도 아니었고, 코드를 어떻게 작성할지도 아니었습니다."이 데이터를 어디에 저장하지?"라는 질문이 가장 먼저 떠올랐습니다.엑셀에서는 모든 데이터가 파일 안에 있었습니다.작업을 등록하면 엑셀에 저장했고, 수정도 엑셀에서 했습니다.하지만 웹앱은 달랐습니다.브라우저를 닫아도 데이터가 남아 있어야 했고, 다른 컴퓨터에서도 같은 정보를 볼 수 있어야 했습니다.그 순간 처음으로 데이터베이스라는 개념을 진지하게 .. 2026. 7. 14. AI 웹앱 제작기 ② | ChatGPT만으로는 부족했습니다. Claude를 함께 사용한 이유 ChatGPT만으로는 부족했습니다.웹앱을 만들기 시작했을 때는 모든 작업을 ChatGPT 하나로 해결할 수 있을 거라고 생각했습니다.기획도 가능했고, HTML과 CSS도 만들어줬으며 JavaScript 코드도 작성해 주었습니다. 처음에는 정말 신기했습니다.하지만 프로젝트 규모가 커질수록 조금씩 한계를 느끼기 시작했습니다.코드가 길어질수록 원하는 부분만 수정하는 것이 어려워졌고, 이전에 수정했던 내용이 다시 원래대로 돌아가는 경우도 있었습니다.한 가지 오류를 해결하면 다른 부분에서 새로운 문제가 생기는 일도 자주 발생했습니다.처음에는 AI가 틀렸다고 생각했습니다.하지만 시간이 지나면서 문제는 AI보다 제가 프로젝트를 관리하는 방식에 있다는 것을 알게 됐습니다.AI는 현재 상황을 정확하게 이해해야 좋은 결과.. 2026. 7. 12. AI 웹앱 제작기 ①엑셀 업무 자동화를 위해 AI 웹앱을 만들었습니다 반복되는 엑셀 업무와 수기 관리에 지쳐 AI를 활용한 업무용 웹앱을 직접 만들었습니다.개발 경험이 없었던 제가 ChatGPT와 Claude를 이용해 업무 자동화를 시작하게 된 과정과 실제 변화, 느낀 점을 자세히 소개합니다. 엑셀은 편했지만 오래 사용할수록 불편했습니다.처음부터 웹앱을 만들겠다는 생각은 하지 않았습니다.오히려 저는 엑셀이 가장 익숙했습니다.쇼핑몰 업무를 하면서 외주 작업을 관리할 때도 엑셀을 사용했고, 필요한 내용을 직접 입력하거나 수정하면서 업무를 진행했습니다.엑셀은 누구나 사용할 수 있고, 별도의 프로그램을 만들 필요도 없습니다.처음에는 이것만으로 충분하다고 생각했습니다.하지만 시간이 지날수록 엑셀은 점점 불편해지기 시작했습니다.파일은 계속 늘어났고, 수정해야 할 내용도 많아졌습니다... 2026. 7. 9. 이전 1 다음 반응형
