반응형 nodejs2 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 다음 반응형
