반응형 AI 웹앱 제작기12 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. 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. README.md는 왜 항상 있을까? Markdown(.md)이란 무엇이며 AI가 기본으로 사용하는 이유 GitHub에서 오픈소스 프로젝트를 살펴보거나 AI를 이용해 새로운 프로젝트를 생성해 본 경험이 있다면 거의 항상 README.md 파일을 볼 수 있습니다. ChatGPT, Claude, Gemini, GitHub Copilot과 같은 AI 코드 생성 도구 역시 프로젝트를 만들 때 README.md를 함께 생성하는 경우가 많습니다.실행되는 프로그램도 아닌 단순한 문서 파일이 프로젝트에서 가장 먼저 만들어지는 이유는 무엇일까요?그 이유를 이해하려면 먼저 Markdown(.md)이 무엇인지 알아야 합니다.Markdown은 단순히 메모를 작성하는 파일 형식이 아니라, 개발 문서를 작성하는 사실상의 표준이며 AI 시대에는 사람과 AI가 함께 이해하는 공통 문서 형식으로 자리 잡았습니다.이번 글에서는 Markdo.. 2026. 7. 24. 이전 1 2 3 다음 반응형
