반응형 웹앱개발5 AI 웹앱 제작기 ⑨ 최종편 AI로 웹앱 만들기, 비개발자도 어디까지 할 수 있을까? 실제 제작 과정 총정리AI를 활용하면 비개발자도 웹앱을 만들 수 있을까?최근에는 ChatGPT, Claude와 같은 생성형 AI를 이용해 웹사이트나 웹앱을 직접 만들어 보는 사람이 많아졌습니다.특히 바이브 코딩(Vibe Coding)이라는 개발 방식이 알려지면서 코드를 처음부터 직접 작성하지 않아도 AI와 대화하면서 프로그램을 만들 수 있다는 점에 관심이 높아졌습니다.그렇다면 실제로는 어디까지 가능할까요?간단한 화면 하나를 만드는 것과 사용자가 실제로 이용할 수 있는 웹앱을 만드는 것은 차이가 있습니다.화면을 만들고 버튼을 배치하는 것만으로 끝나는 것이 아니라 데이터 저장, API 연결, 오류 처리, 버전 관리, 배포 등 여러 과정이 필요하기 때문.. 2026. 8. 14. AI 웹앱 제작기 ⑦API란 무엇일까? 웹앱은 데이터를 어떻게 주고받을까? 웹앱을 만들다 보면 반드시 만나게 되는 단어, API웹앱을 만들기 시작하면 생각보다 자주 보게 되는 단어가 있습니다. 바로 API(Application Programming Interface)입니다.회원가입 기능을 만들 때도 API가 필요하고, 날씨 정보를 가져올 때도 API가 필요합니다. AI와 대화하는 기능을 넣으려 해도 API를 사용해야 합니다.처음에는 API가 마치 개발자만 사용하는 어려운 기술처럼 느껴질 수 있습니다. 하지만 실제로는 우리가 매일 사용하는 서비스 대부분이 API를 통해 연결되어 있습니다.예를 들어 카카오 로그인, 구글 지도, 결제 시스템, 날씨 앱, ChatGPT까지 모두 API를 기반으로 동작합니다.이번 글에서는 API가 정확히 무엇인지, 웹앱은 어떤 방식으로 데이터를 주고받는.. 2026. 8. 11. AI 웹앱 제작기 ⑥Vercel은 무엇일까? 웹앱은 완성해도 다른 사람은 볼 수 없다AI를 활용해 웹앱을 만들기 시작하면 가장 먼저 localhost에서 실행하게 됩니다. 개발 과정에서는 충분하지만, 이 상태의 웹앱은 개발자의 컴퓨터에서만 실행되는 로컬(Local) 환경이기 때문에 다른 사람은 접속할 수 없습니다.실제 서비스로 활용하려면 누구나 인터넷을 통해 접속할 수 있어야 합니다. 이러한 과정을 배포(Deployment)라고 하며, 개발한 프로그램을 인터넷에서 실행 가능한 상태로 공개하는 작업을 의미합니다.최근 AI를 활용한 웹 개발에서는 이 배포 과정을 매우 간단하게 만들어 주는 서비스가 널리 사용되고 있습니다. 그중 가장 대표적인 서비스가 Vercel입니다.이번 글에서는 Vercel이 무엇인지, 왜 많은 AI 개발 도구가 Vercel을 추천.. 2026. 8. 6. AI 웹앱 제작기 ⑤Git과 GitHub는 무엇이 다를까? Git과 GitHub를 같은 것으로 알고 있다면AI를 이용해 웹앱을 만들기 시작하면 Git과 GitHub라는 용어를 매우 자주 만나게 됩니다.Node.js를 설치하고 VS Code에서 프로젝트를 만들었다면, 다음 단계에서는 대부분 GitHub 저장소를 생성하거나 Git으로 프로젝트를 관리하라는 안내를 받게 됩니다.ChatGPT나 Claude에게 프로젝트를 생성해 달라고 요청해도 GitHub를 기준으로 설명하는 경우가 많으며, Vercel과 같은 배포 서비스 역시 GitHub 연동을 기본 방식으로 제공합니다.하지만 개발을 처음 접하는 사람에게는 Git과 GitHub의 차이를 이해하기 쉽지 않습니다.이름도 비슷하고 항상 함께 등장하기 때문에 같은 프로그램으로 오해하는 경우가 많습니다. 실제로는 Git은 버전.. 2026. 8. 5. 이전 1 2 다음 반응형
