반응형 AI웹앱8 AI 웹앱 제작기 ⑨ 최종편 AI로 웹앱 만들기, 비개발자도 어디까지 할 수 있을까? 실제 제작 과정 총정리AI를 활용하면 비개발자도 웹앱을 만들 수 있을까?최근에는 ChatGPT, Claude와 같은 생성형 AI를 이용해 웹사이트나 웹앱을 직접 만들어 보는 사람이 많아졌습니다.특히 바이브 코딩(Vibe Coding)이라는 개발 방식이 알려지면서 코드를 처음부터 직접 작성하지 않아도 AI와 대화하면서 프로그램을 만들 수 있다는 점에 관심이 높아졌습니다.그렇다면 실제로는 어디까지 가능할까요?간단한 화면 하나를 만드는 것과 사용자가 실제로 이용할 수 있는 웹앱을 만드는 것은 차이가 있습니다.화면을 만들고 버튼을 배치하는 것만으로 끝나는 것이 아니라 데이터 저장, API 연결, 오류 처리, 버전 관리, 배포 등 여러 과정이 필요하기 때문.. 2026. 8. 14. AI 웹앱 제작기 ④ localhost와 Vercel의 차이, 웹앱은 어디에서 실행될까? 웹앱은 어디에서 실행될까? localhost를 먼저 이해해야 하는 이유웹사이트를 이용하는 것과 웹앱을 개발하는 것은 실행 방식부터 다릅니다. 일반적인 웹사이트는 인터넷 주소(URL)를 입력하면 바로 접속할 수 있지만, 개발 중인 웹앱은 처음부터 인터넷에 공개되지 않습니다. 먼저 개발자의 컴퓨터에서 실행하고 테스트한 뒤, 정상적으로 동작하는 것을 확인한 후 인터넷에 배포하는 과정을 거칩니다.이러한 개발 과정에서 가장 먼저 등장하는 용어가 localhost입니다.웹 개발을 처음 접한 사람이라면 http://localhost:3000이라는 주소를 보고 인터넷 사이트라고 생각하기 쉽습니다. 하지만 localhost는 인터넷 주소가 아니라 자신의 컴퓨터 안에서 실행 중인 웹앱을 확인하기 위한 개발용 주소입니다.반.. 2026. 7. 27. AI 웹앱 제작기 ③ 개발 환경부터 만들기, 왜 Node.js와 VS Code가 필요할까? AI 웹앱을 만들기 전에 개발 환경부터 준비해야 하는 이유AI의 도움을 받아 웹앱을 만든다고 해서 바로 화면을 만들거나 기능을 추가할 수 있는 것은 아닙니다. 먼저 웹앱을 실행할 수 있는 환경을 준비해야 합니다.처음 개발을 접하는 사람이라면 "왜 프로그램을 여러 개 설치해야 하지?"라는 의문이 생길 수 있습니다. 실제로 저 역시 AI에게 웹앱 제작을 요청하기 전까지는 Node.js와 VS Code가 어떤 역할을 하는지 정확히 알지 못했습니다.이번 글에서는 AI 웹앱을 만들기 위해 가장 먼저 준비했던 개발 환경과 Node.js, VS Code가 왜 필요한지 쉽게 설명하겠습니다. 이 내용을 이해하면 이후 프로젝트 생성, localhost 실행, 첫 화면 만들기까지 자연스럽게 이어갈 수 있습니다.개발 환경이란.. 2026. 7. 25. Supabase란? AI와 함께 웹앱을 만들면서 가장 먼저 선택한 데이터베이스 웹앱을 만들다 보면 결국 데이터를 저장해야 하는 순간이 찾아옵니다.회원가입 정보를 저장해야 하고, 작업 내역도 기록해야 하며, 사용자가 입력한 내용도 안전하게 보관해야 합니다.저도 AI와 함께 웹앱을 만들기 시작했을 때 가장 고민했던 부분이 바로 데이터베이스였습니다.MySQL, PostgreSQL, Firebase처럼 다양한 선택지가 있었지만, 처음 개발하는 입장에서는 무엇을 선택해야 할지 막막했습니다.여러 자료를 찾아보고 직접 사용해 본 끝에 선택한 것이 Supabase였습니다.이번 글에서는 제가 왜 Supabase를 선택했는지, 실제 사용하면서 느낀 장점과 아쉬운 점을 정리해 보겠습니다. SUPABASE 바로가기Supabase는 무엇일까?Supabase는 데이터를 저장하고 관리할 수 있도록 도와주.. 2026. 7. 22. 이전 1 2 다음 반응형
