반응형 AI 웹앱 제작기12 AI 웹앱 제작기 ⑨ 최종편 AI로 웹앱 만들기, 비개발자도 어디까지 할 수 있을까? 실제 제작 과정 총정리AI를 활용하면 비개발자도 웹앱을 만들 수 있을까?최근에는 ChatGPT, Claude와 같은 생성형 AI를 이용해 웹사이트나 웹앱을 직접 만들어 보는 사람이 많아졌습니다.특히 바이브 코딩(Vibe Coding)이라는 개발 방식이 알려지면서 코드를 처음부터 직접 작성하지 않아도 AI와 대화하면서 프로그램을 만들 수 있다는 점에 관심이 높아졌습니다.그렇다면 실제로는 어디까지 가능할까요?간단한 화면 하나를 만드는 것과 사용자가 실제로 이용할 수 있는 웹앱을 만드는 것은 차이가 있습니다.화면을 만들고 버튼을 배치하는 것만으로 끝나는 것이 아니라 데이터 저장, API 연결, 오류 처리, 버전 관리, 배포 등 여러 과정이 필요하기 때문.. 2026. 8. 14. ⑧ 웹앱에서 JSON은 어떻게 사용될까? API 데이터를 이해하는 가장 쉬운 방법 API 다음에 JSON을 이해해야 하는 이유앞선 글에서 API를 설명하면서 웹앱이 외부 서버와 요청(Request)과 응답(Response)을 주고받는 과정을 살펴봤습니다.그렇다면 한 가지 질문이 남습니다.API가 데이터를 주고받는다면, 그 데이터는 어떤 형태로 전달될까요?웹 개발을 처음 접하면 이 부분에서 JSON이라는 용어를 만나게 됩니다. API 문서를 확인하거나 AI에게 코드를 만들어 달라고 요청했을 때도 JSON이라는 표현이 반복해서 등장합니다.JSON은 JavaScript Object Notation의 약자로, 구조화된 데이터를 표현하기 위한 텍스트 기반의 데이터 교환 형식입니다. 국제 인터넷 표준인 IETF의 RFC 8259에서는 JSON을 가볍고 텍스트 기반이며 특정 프로그래밍 언어에 .. 2026. 8. 13. 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. 이전 1 2 3 다음 반응형
