반응형 nextjs3 AI 웹앱 제작기 ⑥Vercel은 무엇일까? 웹앱은 완성해도 다른 사람은 볼 수 없다AI를 활용해 웹앱을 만들기 시작하면 가장 먼저 localhost에서 실행하게 됩니다. 개발 과정에서는 충분하지만, 이 상태의 웹앱은 개발자의 컴퓨터에서만 실행되는 로컬(Local) 환경이기 때문에 다른 사람은 접속할 수 없습니다.실제 서비스로 활용하려면 누구나 인터넷을 통해 접속할 수 있어야 합니다. 이러한 과정을 배포(Deployment)라고 하며, 개발한 프로그램을 인터넷에서 실행 가능한 상태로 공개하는 작업을 의미합니다.최근 AI를 활용한 웹 개발에서는 이 배포 과정을 매우 간단하게 만들어 주는 서비스가 널리 사용되고 있습니다. 그중 가장 대표적인 서비스가 Vercel입니다.이번 글에서는 Vercel이 무엇인지, 왜 많은 AI 개발 도구가 Vercel을 추천.. 2026. 8. 6. 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. 이전 1 다음 반응형
