반응형 claude6 AI 웹앱 제작기 ⑨ 최종편 AI로 웹앱 만들기, 비개발자도 어디까지 할 수 있을까? 실제 제작 과정 총정리AI를 활용하면 비개발자도 웹앱을 만들 수 있을까?최근에는 ChatGPT, Claude와 같은 생성형 AI를 이용해 웹사이트나 웹앱을 직접 만들어 보는 사람이 많아졌습니다.특히 바이브 코딩(Vibe Coding)이라는 개발 방식이 알려지면서 코드를 처음부터 직접 작성하지 않아도 AI와 대화하면서 프로그램을 만들 수 있다는 점에 관심이 높아졌습니다.그렇다면 실제로는 어디까지 가능할까요?간단한 화면 하나를 만드는 것과 사용자가 실제로 이용할 수 있는 웹앱을 만드는 것은 차이가 있습니다.화면을 만들고 버튼을 배치하는 것만으로 끝나는 것이 아니라 데이터 저장, API 연결, 오류 처리, 버전 관리, 배포 등 여러 과정이 필요하기 때문.. 2026. 8. 14. 웹앱은 어떻게 동작할까? 프론트엔드와 백엔드를 이해하면 개발이 쉬워진다 웹앱을 처음 만들기 시작하면 가장 많이 듣는 단어가 있습니다. 바로 프론트엔드, 백엔드, 그리고 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. 이전 1 2 다음 반응형
