AI 대화로 5분 만에 홈페이지 배포 '뚝딱'…카페24 'AI 스페이스'[잇:써봐] 작성일 05-30 66 목록 <div id="layerTranslateNotice" style="display:none;"></div> <strong class="summary_view" data-translation="true">코딩은 생성형 AI가, 배포는 카페24가<br>"배포해줘" 한마디로 실제 URL 생성<br>14일 무료체험에 ai 도메인 제공<br>비개발자도 아이디어만 있으면 구현 가능</strong> <div class="article_view" data-translation-body="true" data-tiara-layer="article_body" data-tiara-action-name="본문이미지확대_클릭"> <section dmcf-sid="yMhMUIyOOk"> <p contents-hash="3c664450a4099f7bed8d62b7ce6c08a54f6a16b17f36e48a60812100461ed559" dmcf-pid="WiyiBvXSOc" dmcf-ptype="general"><strong>IT업계는 늘상 새로운 것들이 쏟아집니다. 기기가 될 수도 있고, 게임이나 프로그램이 될 수도 있지요. 바쁜 일상 속, 많은 사람들이 그냥 기사로만 ‘아 이런 거구나’하고 넘어가는 경우도 많습니다. 하지만 직접 써봐야 알 수 있는 것, 보지 않으면 알 수 없는 것들도 많지요. 그래서 이데일리 ICT부에서는 직접 해보고 난 뒤의 생생한 느낌을 [잇(IT):써봐]에 숨김없이 그대로 전달해 드리기로 했습니다. 솔직하지 않은 리뷰는 담지 않겠습니다.[편집자 주]</strong></p> <p contents-hash="4e440cefd08a9f608f4aabe9b2a55abe367f62b95f8f61a4f6a4eda6dff5a4e9" dmcf-pid="YnWnbTZvIA" dmcf-ptype="general">[이데일리 이소현 기자] “내가 설정한 키워드를 검색할 수 있는 글로벌 뉴스를 다루는 에이전트 서비스를 만들어줘. 실시간 뉴스 수집과 과거 기사 검색은 물론 AI브리핑 기능을 구현해. 디자인은 키워드 검색창을 위주로 깔끔한 스타일로 분야별로 구분해 전 세계 모든 외신을 볼 수 있게 해줘.”</p> <p contents-hash="27da5096517ea0fe0cc25f30faac6f7816cc8010e90a5fa93444e6a23a36ee84" dmcf-pid="GLYLKy5Twj" dmcf-ptype="general">카페24(042000)의 인공지능(AI) 기반 클라우드 서비스 ‘AI 스페이스(AI SPACE)’를 체험하며 입력한 명령어다. 결과는 예상보다 빨랐다. 생성형 AI와 몇 차례 대화하고 “만들어줘”라고 요청하자 약 5분 만에 실제 접속 가능한 홈페이지 주소가 만들어졌다. 서버를 따로 신청하거나 도메인을 연결하지도 않았다. 코드를 복사해 개발 환경에 붙여넣는 일도 없었다.</p> <p contents-hash="156896d678d2bb120c2c4b0b18d1d7884e684b384d2f50e80a1d7ae0768cfd5f" dmcf-pid="HoGo9W1ysN" dmcf-ptype="general">AI 스페이스는 생성형 AI와의 대화를 통해 만든 코드를 실제 웹서비스로 즉시 실행할 수 있도록 연결하는 카페24의 AI 기반 클라우드 서비스다. 최근 챗GPT, 클로드, 커서 등을 활용해 자연어로 코드를 만드는 ‘바이브코딩’이 확산되고 있지만, AI가 만든 코드를 실제 서비스로 공개하는 과정은 여전히 비개발자에게 높은 장벽이었다. 서버 구성, 실행 환경 설정, 도메인 연결, SSL 인증서 적용 같은 절차가 필요하기 때문이다.</p> <figure class="figure_frm origin_fig" contents-hash="727ffddae65550e9a2430709b97cbcfb2968e0c18f20e299047e18c95dc0d678" dmcf-pid="XgHg2YtWma" dmcf-ptype="figure"> <p class="link_figure"><img alt="카페24 AI 스페이스를 활용해 글로벌 뉴스를 다루는 홈페이지를 만들었다." class="thumb_g_article" data-org-src="https://t1.daumcdn.net/news/202605/30/Edaily/20260530083309424jrim.jpg" data-org-width="800" dmcf-mid="0MixpOTswL" dmcf-mtype="image" height="auto" src="https://img3.daumcdn.net/thumb/R658x0.q70/?fname=https://t1.daumcdn.net/news/202605/30/Edaily/20260530083309424jrim.jpg" width="658"></p> <figcaption class="txt_caption default_figure"> 카페24 AI 스페이스를 활용해 글로벌 뉴스를 다루는 홈페이지를 만들었다. </figcaption> </figure> <div contents-hash="8e3022b1adfc51c73ad934a2133d705f847e675e596423e7e0d38a593fb00dab" dmcf-pid="ZaXaVGFYIg" dmcf-ptype="general"> AI 스페이스는 이 과정을 하나의 흐름으로 묶었다. 사용자가 챗GPT나 클로드 같은 AI 도구에서 원하는 서비스를 설명하면 AI가 코드를 만들고, AI 스페이스가 이를 실제 웹서비스로 배포하는 방식이다. 실제 “배포해줘”, “서비스 공개해줘” 같은 자연어 요청만으로 실제 접속 가능한 URL을 받을 수 있었다. </div> <p contents-hash="17017104bfc911321e873f1c56d5beee9a79dd0c17225140dca845164eaef79e" dmcf-pid="5NZNfH3GDo" dmcf-ptype="general">처음부터 완전히 원클릭은 아니었다. 체험을 시작하려면 사용 중인 AI 도구에서 ‘Cafe24 AI SPACE’를 연결하는 과정이 필요했다. 카페24는 MCP 기반 구조를 활용해 챗GPT, 클로드, 커서 등 AI 도구와 AI 스페이스를 연동한다. AI 도구 설정 화면에 카페24가 제공하는 MCP 서버 주소를 입력하면 연결할 수 있다. 이 과정은 초보자에게 다소 낯설 수 있는데 카페24 AI 스페이스에 친절하게 가이드가 있어 어렵지 않게 따라할 수 있었다. AI 도구에 앱 형태로 등록되면 한 번 클릭만으로 연결할 수 있어 훨씬 편해질 전망이다. 카페24는 현재 앱 신청을 했고 등록 절차를 밟고 있다고 한다.</p> <p contents-hash="be30e2a473e7f97cb2813d06f9c1aa684eccbc4fb44c06f1ec74aa78bf5fb6d7" dmcf-pid="1j5j4X0HIL" dmcf-ptype="general">기자가 만든 것은 글로벌 뉴스를 키워드로 검색하고 AI 브리핑 기능을 제공하는 형태의 데모형 홈페이지였다. 실제 전 세계 모든 외신을 빠짐없이 수집·검색하는 기능까지 검증한 것은 아니지만, 키워드 검색창 중심의 화면과 분야별 구분, AI 브리핑 영역 등 서비스의 기본 골격은 빠르게 갖춰졌다. 아이디어를 시제품 형태로 구현해보는 데는 충분했다.</p> <p contents-hash="4b86f883098d01a4a249fdb30bb6f145b586847096923f59dd02a5e795d0b208" dmcf-pid="tBjBWaDgIn" dmcf-ptype="general">챗GPT 유료 버전과 클로드 유료 버전을 모두 활용해본 결과도 흥미로웠다. 같은 취지의 명령어를 입력했을 때 홈페이지 디자인과 화면 구성 완성도는 클로드 쪽이 더 나았다. 첫 화면의 균형, 문구 정리, 정보 배치가 실제 서비스 페이지에 가까웠다. AI 스페이스를 잘 활용하려면 개발 목적에 맞는 생성형 AI를 고르는 것도 중요해 보였다.</p> <figure class="figure_frm origin_fig" contents-hash="a7d3e29e5f41c9565b5523e57af384f0c1fc2307fd2649b0a00bf532ed540398" dmcf-pid="FbAbYNwasi" dmcf-ptype="figure"> <p class="link_figure"><img alt="클로드에 카페24 AI 스페이스를 연동한 뒤 프롬프트에 요구사항을 입력해 홈페이지를 제작하고 있다." class="thumb_g_article" data-org-src="https://t1.daumcdn.net/news/202605/30/Edaily/20260530083310711nkgl.jpg" data-org-width="717" dmcf-mid="pi7sdUKpEn" dmcf-mtype="image" height="auto" src="https://img1.daumcdn.net/thumb/R658x0.q70/?fname=https://t1.daumcdn.net/news/202605/30/Edaily/20260530083310711nkgl.jpg" width="658"></p> <figcaption class="txt_caption default_figure"> 클로드에 카페24 AI 스페이스를 연동한 뒤 프롬프트에 요구사항을 입력해 홈페이지를 제작하고 있다. </figcaption> </figure> <div contents-hash="b22b1f8f4c44db7847f519e8d65498b29acb86d157875a3b78ad66256554c2cc" dmcf-pid="3KcKGjrNDJ" dmcf-ptype="general"> 또 중요한 것은 원하는 결과물을 얻으려면 프롬프트를 구체적으로 써야 한다. “뉴스 사이트 만들어줘”보다 “키워드 검색창 중심”, “AI브리핑 기능”, “분야별 구분”, “전 세계 외신 검색”처럼 화면과 기능을 나눠 설명했을 때 결과물이 좋아졌다. 만든 홈페이지에 오류가 있다면 프롬프트를 수정해서 업그레이드 해나가면 된다. </div> <p contents-hash="44695d6a02010f75afcace7d9d31c32163d08003da01c2c4afdd641d4838e5c3" dmcf-pid="09k9HAmjsd" dmcf-ptype="general">직접 써보며 가장 크게 체감한 장점은 ‘배포의 간소화’였다. 챗GPT나 클로드가 코드를 만들어줘도 이를 실제 웹서비스로 공개하려면 서버 신청, 실행 환경 설정, 도메인 연결, SSL 인증서 적용 같은 절차가 남는다. AI 스페이스는 이 과정을 대신 맡는다. AI에게 “배포해줘”라고 말하면 서버가 자동으로 만들어지고 실행 환경도 맞춰지며, 공유 가능한 URL까지 발급된다. 코딩은 LLM이, 배포는 AI 스페이스가 맡는 식이다.</p> <p contents-hash="89f72d54c1887f56108975920c1cb64fe85dee6b90df61b1515459a95de5dd21" dmcf-pid="p2E2XcsAIe" dmcf-ptype="general">직접 써보니 차이는 시간에서 가장 크게 드러났다. 일반 호스팅으로 같은 서비스를 만들고 배포하려면 개발자도 서버 설정과 도메인·SSL 적용, 오류 수정까지 3~5일을 잡아야 한다. AI 스페이스는 이 과정을 AI와의 대화와 자동 배포로 줄여 만드는데 5분이면 가능하고, 홈페이지 오류를 잡기위해 프롬프트를 수정하는 과정에서 30분에서 1시간 정도 추가로 걸렸다.</p> <p contents-hash="00b193331ac7b6cd6772228fa0b6e882cd3751fd68d815fdf4c62da8122c5184" dmcf-pid="UVDVZkOcrR" dmcf-ptype="general">가격 장벽도 낮은 편이다. 카페24 AI 스페이스는 출시 기념 특가 기준 기본 요금제가 월 4900원부터 시작한다. 14일 무료체험도 제공한다. 개인 포트폴리오, 이벤트 랜딩페이지, 세미나 신청 페이지, 간단한 웹앱처럼 빠르게 만들어보고 싶은 서비스가 있다면 부담 없이 시도해볼 수 있다.</p> <figure class="figure_frm origin_fig" contents-hash="dda68b093071f421b2d744a2f4c35da6dfae47a71a685fd66b7c3aad9e327e0d" dmcf-pid="ufwf5EIkmM" dmcf-ptype="figure"> <p class="link_figure"><img alt="카페24 AI 스페이스를 활용해 만든 글로벌 뉴스를 다루는 홈페이지에서 키워드로 'TRUMP'를 넣고 검색해보니 관련 기사가 떴다." class="thumb_g_article" data-org-src="https://t1.daumcdn.net/news/202605/30/Edaily/20260530083311970ooye.jpg" data-org-width="800" dmcf-mid="utbhLqfzwJ" dmcf-mtype="image" height="auto" src="https://img3.daumcdn.net/thumb/R658x0.q70/?fname=https://t1.daumcdn.net/news/202605/30/Edaily/20260530083311970ooye.jpg" width="658"></p> <figcaption class="txt_caption default_figure"> 카페24 AI 스페이스를 활용해 만든 글로벌 뉴스를 다루는 홈페이지에서 키워드로 'TRUMP'를 넣고 검색해보니 관련 기사가 떴다. </figcaption> </figure> <div contents-hash="320a3527865e66f56646135117c46da670481e7b750b07091566be96712380a1" dmcf-pid="74r41DCEEx" dmcf-ptype="general"> 기본 제공 도메인이 .ai 형태라는 점도 편했다. 별도 도메인을 구매하지 않아도 mycafe24.ai 형태의 주소가 자동 발급돼 바로 공유할 수 있다. 내 컴퓨터에만 머무는 홈페이지가 아니라 주변 사람들도 열어볼 수 있는 홈페이지 주소가 생긴다는 점이 매력적이었다. </div> <p contents-hash="67568ded8de7c6062e6f9ba0f2c24cf987f71edd9457fa07077db675aecf6298" dmcf-pid="zXQXD6d8wQ" dmcf-ptype="general">AI 스페이스는 ‘AI가 만든 코드를 실제 서비스로 바꿔주는 서비스’다. 챗GPT와 클로드가 바이브코딩의 재미를 보여줬다면, 카페24 AI 스페이스는 그다음 단계인 배포 문제를 해결한다. “이걸 어디에 올리지?”에서 막혔던 비개발자에게는 꽤 실용적인 도구다. AI와 간단한 대화만으로 만든 홈페이지가 5분 뒤 실제 주소를 갖고 열리는 경험은 생각보다 신선했다. 개발자가 아니어도 아이디어를 빠르게 서비스로 띄워보고 싶다면 추천한다.</p> <figure class="figure_frm origin_fig" contents-hash="8880d021d25dab6967323a55a1daeefef1d51e4f0864dcfa687f5f3fbecec298" dmcf-pid="qZxZwPJ6rP" dmcf-ptype="figure"> <p class="link_figure"><img alt="카페24 AI 스페이스 소개 홈페이지 화면" class="thumb_g_article" data-org-src="https://t1.daumcdn.net/news/202605/30/Edaily/20260530083313188wqzd.jpg" data-org-width="800" dmcf-mid="xRazTokLwE" dmcf-mtype="image" height="auto" src="https://img4.daumcdn.net/thumb/R658x0.q70/?fname=https://t1.daumcdn.net/news/202605/30/Edaily/20260530083313188wqzd.jpg" width="658"></p> <figcaption class="txt_caption default_figure"> 카페24 AI 스페이스 소개 홈페이지 화면 </figcaption> </figure> <p contents-hash="9dcbfbc176a7189dc3b1088a96485cbc016e8cd642c830ff8b86ccf988f2f0c6" dmcf-pid="B5M5rQiPw6" dmcf-ptype="general">이소현 (atoz@edaily.co.kr) </p> </section> </div> <p class="" data-translation="true">Copyright © 이데일리. 무단전재 및 재배포 금지.</p> 관련자료 이전 ‘카리스마 미녀새’ 과천시청 신수영, 해남 실업육상 장대높이뛰기 우승! 05-30 다음 "세계는 2시간 벽 깼는데"…한국 마라톤은 26년 동안 '스톱' 05-30 댓글 0 등록된 댓글이 없습니다. 로그인한 회원만 댓글 등록이 가능합니다.
