게시판

섹션

Board-T01

OO은 (이하 '회사'는) 고객님의 개인정보를 중요시하며, "정보통신망 이용촉진 및 정보보호"에 관한 법률을 준수하고 있습니다.

회사는 개인정보처리방침을 통하여 고객님께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.

회사는 개인정보처리방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.

■ 수집하는 개인정보 항목

회사는 회원가입, 상담, 서비스 신청 등을 위해 아래와 같은 개인정보를 수집하고 있습니다.

ο 수집항목: 이름 , 생년월일 , 성별 , 로그인ID , 비밀번호 , 비밀번호 질문과 답변 , 자택 전화번호 , 자택 주소 , 휴대전화번호 , 이메일 , 직업 , 회사명 , 부서 , 직책 , 회사전화번호 , 취미 , 결혼여부 , 기념일 , 법정대리인정보 , 주민등록번호 , 서비스 이용기록 , 접속 로그 , 접속 IP 정보 , 결제기록 , 개인통관고유부호

ο 개인정보 수집방법: 홈페이지(회원가입) , 서면 양식

■ 개인정보의 수집 및 이용목적

회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.

1. 사이트 회원 가입 및 관리 : 회원가입시 본인여부 확인,서비스 이용 및 상담,공지사항 전달 , SNS 및 제 3자 계정을 연계하여 간편로그인 서비스 제공

2.재화 또는 서비스 제공: 물품배송, 서비스 제공, 콘텐츠 제공, 맞춤서비스 제공, 정산 및 환불

3.마케팅 및 광고: 웹 페이지 접속빈도 파악 또는 회원의 서비스 이용에 대한 통계, 이벤트 등 광고성 정보 전달

4. 호스팅사 이전 시 발생하는 모든 회원정보 이관 처리

- 회사의 서비스 이용 과정에서 서비스 이용기록, 방문기록, 불량 이용기록, IP 주소, 쿠키, 광고식별자 등의 정보가 자동으로 생성되어 수집될 수 있습니다.
- 진행하는 이벤트에 따라 수집 항목이 상이할 수 있으므로 응모 시 별도 동의를 받으며, 목적 달성 즉시 파기합니다.

■ 개인정보의 보유 및 이용기간

회사는 개인정보 수집 및 이용목적이 달성된 후에는 예외 없이 해당 정보를 지체 없이 파기합니다.

■ 개인정보의 파기절차 및 방법

회사는 원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체없이 파기합니다. 파기절차 및 방법은 다음과 같습니다.

ο 파기절차

회원님이 회원가입 등을 위해 입력하신 정보는 목적이 달성된 후 별도의 DB로 옮겨져(종이의 경우 별도의 서류함) 내부 방침 및 기타 관련 법령에 의한 정보보호 사유에 따라(보유 및 이용기간 참조) 일정 기간 저장된 후 파기되어집니다.

별도 DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 보유되어지는 이외의 다른 목적으로 이용되지 않습니다.

ο 파기방법

- 전자적 파일형태로 저장된 개인정보는 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제합니다.

■ 개인정보 제공

회사는 이용자의 개인정보를 원칙적으로 외부에 제공하지 않습니다. 다만, 아래의 경우에는 예외로 합니다.

- 이용자들이 사전에 동의한 경우
- 법령의 규정에 의거하거나, 수사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관의 요구가 있는 경우

■ 제3자에 대한 제공 및 수집한 개인정보의 위탁

- 1. 회사는 고객의 개인정보를 '개인정보의 수집 및 이용목적'에서 고지한 범위를 넘어 이용하거나 타인 또는 타기업, 기관에 제공하지 않습니다.
    
    2. 다음은 예외로 합니다.
    
    (가) 관계법령에 의하여 수사상의 목적으로 관계기관으로부터의 요구가 있을 경우
    
    (나) 통계작성, 학술연구나 시장조사 등을 위하여 특정 개인을 식별할 수 없는 형태로 광고주, 협력사나 연구단체 등에 제공하는 경우
    
    (다) 기타 관계법령에서 정한 절차에 따른 요청이 있는 경우
    
    상기사항에 의해 개인정보를 제공하는 경우에도 본래의 수집∙이용 목적에 반하여 무분별하게 정보가 제공되지 않도록 최대한 노력하겠으며 보다 나은 서비스 제공, 고객편의 제공 등 원활한 업무 수행을 위하여 아래와 같이 개인정보 처리 업무를 외부 전문업체에 위탁하여 운영하고 있습니다.
    
    - 위탁업무 내용 및 수탁자
        - 전산 시스템 구축 및 유지: (주)셀러허브
        - 카카오알림톡/문자메시지 발송: (주)셀러허브
        - 채널톡 마케팅 메시지 발송: (주) 조이코퍼레이션
        - 본인확인 : NHN KCP
        - 상품 배송추적: (주)셀러허브
        - 주문 상품의 배송: 택배사 이름을 작성하세요.
        - 결제 및 에스크로 서비스: 토스페이먼츠
        

※ 수탁자에 공유되는 정보는 당해 목적을 달성하기 위하여 필요한 최소한의 정보에 국한됩니다. 또한 고객의 서비스 요청에 따라 해당하는 업체에 선택적으로 개인정보가 제공되고 있습니다.

※ 위탁 업체 리스트는 해당 서비스 변경 및 계약기간에 따라 변경될 수 있으며 변경 시 공지사항을 통해 사전 공지합니다. 단기 이벤트는 참여 시에 개별 공지됩니다.

■ 14세 미만 아동의 개인정보보호

회사는 법정대리인의 동의가 필요한 만 14세 미만 아동의 회원가입은 받고 있지 않습니다.

■ 개인정보 자동수집 장치의 설치, 운영 및 그 거부에 관한 사항

회사는 귀하의 정보를 수시로 저장하고 찾아내는 ‘쿠키(cookie)’ 등을 운용합니다. 쿠키란 oo의 웹사이트를 운영하는데 이용되는 서버가 귀하의 브라우저에 보내는 아주 작은 텍스트 파일로서 귀하의 컴퓨터 하드디스크에 저장됩니다. 회사은(는) 다음과 같은 목적을 위해 쿠키를 사용합니다.

- 쿠키 등 사용 목적
    - 회원과 비회원의 접속 빈도나 방문 시간 등을 분석, 이용자의 취향과 관심분야를 파악 및 자취 추적, 각종 이벤트 참여 정도 및 방문 회수 파악 등을 통한 타겟 마케팅 및 개인 맞춤 서비스 제공

귀하는 쿠키 설치에 대한 선택권을 가지고 있습니다. 따라서, 귀하는 웹브라우저에서 옵션을 설정함으로써 모든 쿠키를 허용하거나, 쿠키가 저장될 때마다 확인을 거치거나, 아니면 모든 쿠키의 저장을 거부할 수도 있습니다.

- 쿠키 설정 거부 방법

예: 쿠키 설정을 거부하는 방법으로는 회원님이 사용하시는 웹 브라우저의 옵션을 선택함으로써 모든 쿠키를 허용하거나 쿠키를 저장할 때마다 확인을 거치거나, 모든 쿠키의 저장을 거부할 수 있습니다.

설정방법 예(인터넷 익스플로어의 경우)

: 웹 브라우저 상단의 도구 > 인터넷 옵션 > 개인정보

단, 귀하께서 쿠키 설치를 거부하였을 경우 서비스 제공에 어려움이 있을 수 있습니다.

■ 개인정보에 관한 민원서비스

회사는 고객의 개인정보를 보호하고 개인정보와 관련한 불만을 처리하기 위하여 아래와 같이 관련 부서 및 개인정보관리책임자를 지정하고 있습니다.

■ 개인정보처리방침의 개정과 그 공지

본 개인정보 처리방침을 개정할 경우에는 최소 7일전에 홈페이지 또는 이메일을 통해 변경 및 내용 등을 공지하도록 하겠습니다. 다만이용자의 소중한 권리 또는 의무에 중요한 내용 변경이 발생하는 경우 시행일로부터 최소 30일 전에 공지하도록 하겠습니다.

개인정보관리책임자 성명 : OOO

전화번호 : 1234-5678

이메일 : OO@OO.com

귀하께서는 회사의 서비스를 이용하시며 발생하는 모든 개인정보보호 관련 민원을 개인정보관리책임자 혹은 담당부서로 신고하실 수 있습니다. 회사는 이용자들의 신고사항에 대해 신속하게 충분한 답변을 드릴 것입니다.

기타 개인정보침해에 대한 신고나 상담이 필요하신 경우에는 아래 기관에 문의하시기 바랍니다.

1.대검찰청 사이버수사과 (cybercid.spo.go.kr)

2.경찰청 사이버테러대응센터 (www.ctrc.go.kr/02-392-0330)

3.개인정보침해신고센터 (privacy.kisa.or.kr / 국번 없이 118)

4.개인정보분쟁조정위원회 (kopico.go.kr / 1833-6972)

■ 개인정보 수집목적 및 이용목적

쇼핑몰 회원 서비스 제공

■ 수집하는 개인정보 항목

아이디, 이메일, 이름, 비밀번호, 휴대전화,(간편가입시 페이스북,네이버,카카오) 주소, 생년월일, 성별, 추천인, 마케팅 정보 수신 동의 중 쇼핑몰에서 지정한 항목을 필수 및 선택 항목으로 수집합니다.

■ 개인정보의 보유기간 및 이용기간

원칙적으로, 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 단, 다음의 정보에 대해서는 아래의 이유로 명시한 기간 동안 보존합니다.

ο 회사 내부 방침에 의한 정보 보유 사유 · 부정거래 방지 및 쇼핑몰 운영방침에 따른 보관: 5년

ο 관련 법령에 의한 정보보유 사유

가. 계약 또는 청약철회 등에 관한 기록

- 보존이유: 전자상거래등에서의소비자보호에관한법률
- 보존기간: 5년

나. 대금 결제 및 재화 등의 공급에 관한 기록

- 보존이유: 전자상거래등에서의소비자보호에관한법률
- 보존기간: 5년

다. 소비자 불만 또는 분쟁처리에 관한 기록

- 보존이유: 전자상거래등에서의소비자보호에관한법률
- 보존기간: 3년

라. 로그 기록

- 보존이유: 통신비밀보호법
- 보존기간: 3개월

※ 동의를 거부할 수 있으나 거부 시 쇼핑몰 회원 서비스 이용이 불가능합니다.

■ 개인정보 수집목적 및 이용목적
비회원 구매 서비스 제공

■ 수집하는 개인정보 항목
주문자 정보(이름, 주소, 휴대전화, 이메일 주소), 수령인 정보(이름, 주소, 휴대전화), 배송메시지, 결제 승인정보

■ 개인정보의 보유기간 및 이용기간
원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 
단, 다음의 정보에 대해서는 아래의 이유로 명시한 기간 동안 보존합니다.

ο 회사 내부 방침에 의한 정보 보유 사유· 부정거래 방지 및 쇼핑몰 운영방침에 따른 보관 : 5년

ο 관련 법령에 의한 정보보유 사유

가. 계약 또는 청약철회 등에 관한 기록

- 보존이유 : 전자상거래등에서의소비자보호에관한법률
- 보존기간 : 5년

나. 대금 결제 및 재화 등의 공급에 관한 기록

- 보존이유 : 전자상거래등에서의소비자보호에관한법률
- 보존기간 : 5년

다. 소비자 불만 또는 분쟁처리에 관한 기록

- 보존이유 : 전자상거래등에서의소비자보호에관한법률
- 보존기간 : 3년

라. 로그 기록

- 보존이유: 통신비밀보호법
- 보존기간 : 3개월

※ 동의를 거부할 수 있으나 거부 시 비회원 구매 서비스 이용이 불가능합니다.

외주 없이 처음부터 끝까지 1인 직접 제작. 전담 전문가가 평균 2주 안에 납품합니다.

칼럼

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260716_220341_45b7d2da-4b93-4933-b058-78b1421e0f1c.png" alt="thumbnail" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">식스샵</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">식스샵 프로에 MCP가 붙으면서, AI에게 "재고 10개 미만인 상품 알려줘"라고 말하면 답이 오고 "이 섹션에 배너 블록 넣고 발행해줘"라고 하면 라이브 사이트가 실제로 바뀝니다. <strong>관리자 화면을 클릭하고 필터를 걸던 과정이 대화 한 줄로 줄었고, 동시에 AI가 사이트를 발행할 수 있는 쓰기·삭제 도구 16종도 함께 열렸습니다.</strong> 저는 현재 식스샵 상점 네 곳을 MCP로 연결해 운영하고 있습니다. 그 경험을 기준으로 무엇이 되고 무엇을 조심해야 하는지 정리했습니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#식스샵커스터마이징</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#식스샵쇼핑몰제작</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#식스샵프로MCP</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#블록메이커</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI웹빌더</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">식스샵 프로 MCP는 관리자 화면을 AI에게 열어주는 통로입니다</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">식스샵 공식 가이드는 MCP(Model Context Protocol)를 "AI와 식스샵 프로를 연결하는 표준 기능"으로 정의합니다. ChatGPT, Claude, Cursor, Gemini 같은 AI 에이전트를 식스샵 프로에 연결해 블록·페이지 편집부터 상품·주문·통계 관리까지 수행하도록 지원한다는 설명입니다. 쉽게 말하면 이렇습니다. 지금까지는 운영자가 직접 관리자 화면에 들어가 메뉴를 누르고 필터를 걸고 검색했습니다. MCP는 그 관리자 화면을 AI도 쓸 수 있도록 열어주는 통로입니다. 사람이 마우스로 하던 일을 AI가 대신하는 구조입니다. 공식 문서 기준으로 연동 가이드가 제공되는 도구는 ChatGPT(웹·Codex), Claude(웹·앱·Claude Code), Cursor, 구글 Antigravity이며, Gemini CLI와 Manus AI는 설치 가이드 준비 중으로 안내돼 있습니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>식스샵 프로 가이드, "식스샵 프로 MCP"<br><a href="https://help.pro.sixshop.com/marketplace-app/mcp" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">만드는 일이 먼저, 파는 일이 나중에 열렸습니다</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">식스샵 프로 MCP는 한 번에 완성된 기능이 아니라 두 단계로 넓어졌습니다. 2026년 4월 16일 업데이트에서 블록 메이커에 먼저 도입됐던 MCP가 디자인 에디터로 확장됐습니다. 공식 안내에 따르면 이때부터 AI로 페이지 생성, 섹션 추가, 사이트 게시까지 한 번에 조작할 수 있게 됐습니다. 이어 2026년 5월 14일 업데이트에서는 커머스·커넥트 도구가 추가되며 운영 데이터가 열렸습니다. 식스샵이 직접 제시한 예시 질문은 "어제 매출 얼마야?", "이번 달 주문 몇 건 들어왔어?", "지금 배송 준비 중인 주문 몇 건이야?", "재고 10개 미만인 상품 알려줘" 같은 것들입니다. 정리하면 4월에는 사이트를 '만드는 일'이, 5월에는 상점을 '파는 일'이 AI에게 열린 셈입니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"이제 각각의 메뉴를 직접 누르고 필터를 걸고 검색하는 과정 대신, AI에게 말을 걸듯 질문하는 것만으로 매출·주문·고객 등의 데이터를 한 번에 확인할 수 있게 되었습니다."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— 식스샵 프로 업데이트 뉴스레터, 2026년 5월 14일</span></div></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>식스샵, "[식스샵 프로 업데이트] MCP - 커머스/커넥트 tool 추가 외 6건" (2026년 5월 14일)<br><a href="https://stib.ee/wOeN" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">실무 기준으로 묶으면 읽는 일·만드는 일·바꾸는 일입니다</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">공식 기능 목록을 실무 감각으로 묶으면 세 덩어리로 정리됩니다. 첫째, <strong>읽는 일</strong>입니다. 상품 목록과 개수, 카테고리 트리, 재고 현황, 주문 목록·상세·집계, 전체 통계와 인기 상품 조회가 가능합니다. "지난주 가장 많이 팔린 상품 TOP 5 뽑아줘" 같은 요청이 여기 해당합니다. 둘째, <strong>만드는 일</strong>입니다. 블록 메이커에서 블록을 생성·수정·복제·삭제할 수 있습니다. 요구사항을 글로 설명해 만들 수도 있고, 참고할 사이트 URL이나 디자인 시안 이미지를 주고 비슷하게 만들어 달라고 요청할 수도 있습니다. 셋째, <strong>바꾸는 일</strong>입니다. 테마 생성·수정, 페이지 추가·삭제, 홈페이지 지정, 섹션 추가·수정·삭제, 블록 배치, 그리고 웹사이트 발행까지 포함됩니다. 세 번째 덩어리부터가 실제 고객이 보는 화면을 건드리는 영역입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">쓰기·삭제 도구 16종이 함께 열렸다는 뜻</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">여기서 반드시 짚어야 할 부분이 있습니다. 공식 문서는 MCP 도구를 읽기 전용 도구와 쓰기·삭제 도구로 나누어 공개하고 있고, 쓰기·삭제 도구는 16종입니다. 그 목록에는 웹사이트 발행(builder_publish_website), 페이지 삭제(builder_delete_page), 섹션 삭제(builder_delete_section), 블록 삭제(blockmaker_delete_block), 테마 설정 수정(builder_update_theme)이 포함돼 있습니다. 의미는 분명합니다. AI가 고객이 보고 있는 라이브 사이트를 발행하고 페이지를 지울 수도 있다는 뜻입니다. 편리함과 사고 가능성이 같은 문에서 나옵니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">상점 네 곳을 MCP로 붙여 운영하면서 지키는 원칙은 세 가지입니다. <strong>첫째, 읽기부터 시작합니다.</strong> 처음 연결하면 통계·재고·주문 조회처럼 되돌릴 필요가 없는 일부터 씁니다. 매출을 물어보는 건 답이 틀려도 사이트가 망가지지 않습니다. <strong>둘째, 발행은 사람이 누릅니다.</strong> 블록을 만들고 섹션에 배치하는 데까지는 AI에게 맡기되, 라이브 반영은 눈으로 확인한 뒤 직접 결정합니다. 발행 도구를 AI가 자유롭게 쓰도록 두지 않습니다. <strong>셋째, 삭제는 시키지 않습니다.</strong> "안 쓰는 블록 정리해줘" 같은 지시는 범위가 모호합니다. 지울 대상은 사람이 특정합니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>식스샵 프로 가이드, "MCP 기능 모아보기"<br><a href="https://help.pro.sixshop.com/marketplace-app/mcp/sixshop-list" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">식스샵 프로 MCP는 노코드 빌더가 '사람이 클릭하는 도구'에서 'AI가 조작하는 도구'로 성격을 바꾸고 있다는 신호입니다. 4월에 만드는 일이, 5월에 파는 일이 열렸습니다. 클릭을 대화로 옮기면 1인 운영자의 시간은 분명히 줄어듭니다. 다만 같은 문으로 쓰기·삭제 도구 16종이 함께 열렸다는 사실을 기억하시기 바랍니다. 읽기 → 만들기 → 발행 순으로 권한을 천천히 넓히는 것이 가장 안전한 순서입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">식스샵 프로 MCP</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">블록 메이커</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">디자인 에디터</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">발행 권한 관리</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">MCP를 붙이기 전에 순서부터 잡고 싶다면</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 식스샵·아임웹·카페24를 AI와 연결해 1인 체제로 운영하는 방법을 강의와 칼럼으로 다루고 있습니다. 읽기 권한부터 발행 권한까지 어떤 순서로 넓혀야 사고 없이 시간을 아낄 수 있는지, 실제 상점 운영 사례를 기준으로 이어서 정리해 두었습니다.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 본문의 기능·업데이트 내용은 식스샵 공식 가이드와 2026년 4월 16일·5월 14일 식스샵 프로 업데이트 뉴스레터를 기준으로 작성했습니다. MCP 기능은 식스샵 프로에서 제공되며, 업데이트에 따라 도구 구성이 달라질 수 있습니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "식스샵 프로 MCP — AI에게 말로 시키는 쇼핑몰 제작과 운영",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-16",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "식스샵",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260716_220341_45b7d2da-4b93-4933-b058-78b1421e0f1c.png"
}
</script>


[식스샵] 식스샵 프로 MCP — AI에게 말로 시키는 쇼핑몰 제작과 운영

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260715_220347_635b0fed-4aed-4021-93fe-dad92d611c5d.png" alt="thumbnail" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">아임웹</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">아임웹은 더 이상 "코딩 없이 홈페이지 만드는 도구"에만 머물러 있지 않습니다. <strong>누적 사이트 100만 개를 넘기면서</strong> 'AI 쇼핑몰 빌더'와 'AI 포트폴리오 추천'까지 얹은, 브랜드의 시작과 성장을 함께 돕는 'AI 브랜드 빌더'로 넘어가고 있습니다. 아임웹으로 클라이언트 홈페이지를 제작하고 강의도 운영하는 입장에서, 이 변화가 1인 사업자와 제작자에게 실제로 어떤 의미인지 정리했습니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#아임웹</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#아임웹홈페이지제작</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI쇼핑몰빌더</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#노코드</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#1인사업자</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">숫자로 먼저 보는 아임웹의 성장</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">아임웹을 통해 개설된 누적 사이트 수가 100만 개를 돌파했습니다. 2016년 서비스 출시 이후 약 9년 만입니다. 더 눈여겨볼 지점은 신규 개설 추이입니다. 2022년 13만 개, 2023년 15만 개, 2024년 22만 개로 매년 가팔라지고 있습니다. 이용층도 넓어졌습니다. 2030 중심이던 사용자층에 중장년 유입이 붙어, 전년 대비 40대는 2.4%p, 50대는 1.8%p 늘었습니다. "온라인 창업은 젊은 세대의 것"이라는 통념이 흔들리고 있다는 신호입니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>플래텀, "아임웹, 누적 사이트 100만 돌파…'브랜드 빌더' 자리매김" (2025-06-19)<br><a href="https://platum.kr/archives/263759" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">'웹빌더'에서 'AI 빌더'로 넘어가는 지점</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">성장의 방향을 보면 무게중심이 어디로 옮겨가는지 보입니다. 핵심은 '제작 초기 단계의 AI 자동화'입니다. <strong>AI 쇼핑몰 빌더</strong>는 웹사이트 제작의 첫 단계를 AI가 자동화해 브랜드 시작 비용을 낮춥니다. <strong>AI 포트폴리오 추천</strong>은 참고하고 싶은 사이트 URL이나 '뷰티', '블랙 색상' 같은 키워드만 넣으면, AI가 비슷한 톤·무드의 작업을 실제로 해본 전문가의 포트폴리오를 자동으로 큐레이션합니다. 현재 전문가 플랫폼에는 4,000명 이상이 등록돼 있고, 이들이 관리하는 사이트만 1만 개가 넘습니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"AI 기술을 통해 브랜드의 시작 비용은 줄이고, 운영 효율은 높이는 방향으로 제품을 고도화해 나갈 것"<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— 이수모, 아임웹 대표</span></div></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>바이라인네트워크, "아임웹, 'AI 포트폴리오 추천' 전문가 찾기 더 쉬워진다" (2025-09-26)<br><a href="https://byline.network/2025/09/26-492/" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">2026년 들어 붙은 실무 인프라</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">2026년에도 업데이트가 이어졌습니다. '제작'보다 '운영'에 무게가 실린다는 점이 눈에 띕니다. 코드 없이 나만의 위젯을 만들어 붙이는 <strong>커스텀 위젯 스튜디오</strong>가 출시됐고(2026-05), 주문관리시스템은 초당 3,000건 처리 인프라로 고도화됐습니다(2026-03). 자사몰 누적 거래액은 <strong>7조 원을 돌파</strong>했으며(2026년 1월 기준), 2025년 9월 6조 원에서 넉 달 만에 1조 원이 늘어난 수치입니다. 여기에 고객 행동 데이터 기반 카카오톡 메시지 자동 발송(CRM 마케팅)이 기본으로 제공됩니다. 외부 플랫폼 수수료 대신 자사몰로 고객 데이터를 직접 확보하려는 D2C 흐름이 뚜렷해지면서, 아임웹 기반 자사몰 수도 전년 대비 두 자릿수로 증가했습니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">1인 사업자·제작자는 무엇에 집중해야 하나</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">AI가 초기 제작을 대신해준다면 "제작자의 역할이 사라지는 것은 아닐까"라는 질문이 자연스럽게 나옵니다. 실무를 해보면 오히려 반대입니다. AI 빌더는 '빈 화면에서 그럴싸한 첫 형태'까지를 빠르게 만들어줍니다. 하지만 전환이 되는 구조(어떤 순서로 보여줄지), 브랜드 톤(폰트·여백·색), 검색 유입(SEO 설계), 운영 자동화(CRM 시나리오)는 여전히 사람의 판단이 필요합니다. AI가 만든 초안을 '팔리는 사이트'로 다듬는 일이 오히려 더 중요해집니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;"><strong>초안은 AI에게</strong> 맡겨 뼈대를 빠르게 잡고, <strong>다듬기는 사람이</strong> 맡아 전환 흐름·브랜드 일관성·SEO를 손보고, <strong>운영은 자동화로</strong> CRM 메시지와 주문관리를 세팅해 반복 업무를 덜어냅니다. 제작 시간이 줄어든 만큼, 그 시간을 '무엇을 파는 브랜드인가'를 설계하는 데 쓰는 것 — 아임웹의 AI 전환이 1인 사업자에게 주는 진짜 기회는 여기에 있습니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">아임웹은 '웹빌더 → 브랜드 빌더 → AI 빌더'로 축을 옮기는 중입니다. 누적 100만 사이트, 7조원 거래액, AI 쇼핑몰 빌더가 그 방향을 가리킵니다. 제작이 쉬워질수록 '무엇을, 누구에게, 어떻게 팔 것인가'라는 브랜드 설계의 값어치가 올라갑니다. 도구가 아니라 전략에 시간을 쓰는 1인 사업자가 유리해지는 국면입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">#아임웹AI빌더</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">#자사몰</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">#D2C</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">#노코드AI</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">AI가 만든 초안을 '팔리는 사이트'로 바꾸는 법</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 아임웹·식스샵·카페24를 AI와 조합해 1인 브랜드의 자사몰을 만드는 실무를 칼럼과 강의로 이어가고 있습니다. AI 빌더로 시작한 초안을 전환·브랜드·SEO 관점에서 다듬는 노하우가 궁금하시다면 누끼토끼의 칼럼과 강의에서 이어서 확인해 보세요.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 수치는 플래텀·바이라인네트워크 보도 기준이며 원문 링크를 함께 표기했습니다. 유튜브 영상 트렌드 신호는 전용 API 쿼터 초과로 이번 회차 수집이 제외되었습니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "아임웹 홈페이지 제작, 'AI 빌더' 시대로 — 누적 100만 사이트의 의미",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-15",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "아임웹",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260715_220347_635b0fed-4aed-4021-93fe-dad92d611c5d.png"
}
</script>


[아임웹] 아임웹 홈페이지 제작, 'AI 빌더' 시대로 — 누적 100만 사이트의 의미

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260715_052002_d557fee5-2485-4308-917e-ec2ea9c655d3.png" alt="여러 주 단위 일정이 며칠로 압축되고 웹사이트 블록이 빠르게 조립되는 추상 일러스트" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">비즈니스</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">"홈페이지 하나 만드는 데 얼마나 걸리나요?"라는 질문의 정답이 바뀌고 있습니다. 몇 주에서 몇 달이 기본이던 자리를, 이제는 <strong>며칠</strong>이 빠르게 대체하고 있습니다. AI 웹빌더 사용자는 첫 사이트를 <strong>평균 0.8일</strong> 만에 발행하고, 노코드는 개발 기간을 최대 90%까지 줄입니다. 다만 이 "며칠"이라는 숫자 뒤에는 여전히 사람이 해야 하는 일이 남아 있습니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#홈페이지제작기간</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#노코드홈페이지제작</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#웹사이트제작기간</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI웹빌더</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">왜 지금 '제작 기간'이 다시 화두가 됐나</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">홈페이지 제작 비용만큼 자주 받는 질문이 "얼마나 걸리냐"입니다. 이 질문의 무게가 달라진 이유는 시장 전체가 이동하고 있기 때문입니다. 소상공인의 58%가 이미 웹사이트 제작에 생성형 AI를 사용하고 있고, 이는 2023년 23%에서 두 배 이상 늘어난 수치입니다. AI 웹빌더 시장 규모도 2026년 약 32억 4천만 달러로 계속 커지고 있습니다. "AI로 빨리 만든다"는 것이 일부 얼리어답터가 아니라 보통의 사장님이 고르는 기본값이 되어가고 있다는 뜻입니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>Hostinger, "AI website builder statistics: growth, adoption, and trends" (2026-05-15)<br><a href="https://www.hostinger.com/blog/ai-website-builder-statistics" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">데이터로 보는 단축 폭</h3><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;">숫자로 보면 체감이 분명합니다. AI 웹빌더 사용자는 첫 사이트를 평균 0.8일 만에 발행하는데, 같은 회사의 전통적 드래그앤드롭 빌더 사용자(1.9일)보다도 2배 이상 빠릅니다. 로우코드 방식은 전통 개발 대비 74% 빠른 출시 속도를 보였고, 노코드/로우코드는 개발 기간을 최대 50%, 노코드만으로는 최대 90%까지 줄인다는 집계가 있습니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">한 줄로 요약하면, "몇 주"가 기본이던 자리를 "며칠"이 빠르게 대체하고 있습니다. 다만 이 수치는 대부분 벤더·업계 집계이므로 규모와 기능에 따라 편차가 있다는 점은 감안해서 봐야 합니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">그런데 '며칠'은 절반의 진실입니다</h3><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;">실무자로서 반드시 짚어야 할 부분이 있습니다. 위 숫자들은 대부분 "빈 화면에서 사이트 뼈대가 뜨기까지"의 시간이지, 실제로 장사에 쓸 수 있는 홈페이지가 완성되기까지의 시간은 아닙니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">브랜드 방향 정하기, 무엇을 어떤 순서로 보여줄지 정하는 기획, 상품 사진·설명 같은 콘텐츠, 오탈자·링크·결제 흐름 검수는 여전히 사람의 시간이 필요합니다. 게다가 예약 시스템, 회원 기능, 쇼핑몰 결제·배송 설정 같은 기능이 붙으면 며칠은 다시 주 단위로 돌아옵니다. 그래서 저는 기간을 안내할 때 "사이트가 뜨는 시간"과 "오픈 가능한 시간"을 분리해서 말씀드립니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">1인 에이전시가 제작 기간을 실제로 줄이는 순서</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">노코드 빌더와 AI를 함께 쓸 때 제 실무 순서는 이렇습니다. ① 레퍼런스 몇 개로 구조·톤을 먼저 정리해 하루가 이틀로 늘어지는 걸 막습니다. ② 빌더는 목적 기준으로 고릅니다 — 콘텐츠 중심이면 아임웹, 브랜드 쇼핑몰이면 식스샵, 규모 있는 쇼핑몰이면 카페24. 잘못 고르면 나중에 갈아엎느라 기간이 배로 듭니다. ③ 커스텀 HTML/CSS·카피 초안·상세페이지 구조 같은 반복 구간만 AI(Claude·Cursor)에 위임하고, 판단이 필요한 부분만 직접 봅니다. ④ 마지막 검수는 사람이 하되 매번 같은 체크리스트로 돌려 실수를 줄입니다. 이렇게 하면 소개형 홈페이지는 며칠, 기능이 붙는 쇼핑몰도 예전보다 눈에 띄게 짧아집니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">제작 기간의 기준선이 "몇 주"에서 "며칠"로 내려온 것은 분명한 흐름입니다. 하지만 그 속도는 도구가 아니라 준비된 기획과 콘텐츠에서 나옵니다. AI는 만드는 시간을 줄여주지, 무엇을 만들지 정해주지는 않습니다. 제작 기간을 진짜로 줄이고 싶다면 "무엇을 보여줄지"를 먼저 정리해 두는 것이 가장 빠른 지름길입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">노코드 홈페이지 제작</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">웹사이트 제작 기간</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">AI 웹빌더</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">1인 에이전시</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">제작 기간을 줄이는 준비, 함께 정리해요</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 아임웹·식스샵·카페24 같은 노코드 빌더와 AI를 함께 쓰는 실무를 칼럼과 강의로 나누고 있습니다. "무엇을 어떤 순서로 보여줄지"를 먼저 정리하는 방법이 궁금하시다면, 누끼토끼가 운영하는 칼럼과 강의에서 이어서 확인해 보세요.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 본문 수치는 Hostinger(2026-05) 및 노코드·로우코드 업계 집계를 종합한 것으로, 제작 기간은 사이트 규모·기능에 따라 편차가 있습니다. 벤더 자기보고 성격의 수치는 시점과 출처를 함께 표기했습니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "홈페이지 제작 기간, 노코드·AI로 몇 주에서 며칠로 줄었습니다",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-15",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "비즈니스",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260715_052002_d557fee5-2485-4308-917e-ec2ea9c655d3.png"
}
</script>


[비즈니스] 홈페이지 제작 기간, 노코드·AI로 몇 주에서 며칠로 줄었습니다

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260714_220345_7598a1c9-87ed-4c72-8845-9d3285a86a91.png" alt="thumbnail" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">운영 노하우</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">코드를 쓴 AI에게 그 코드를 검수시키는 것은, 답안을 쓴 사람이 자기 답안을 채점하는 것과 같습니다. <strong>OpenAI는 경쟁사인 Anthropic의 Claude Code 안에서 실행되는 공식 플러그인 codex-plugin-cc를 Apache 2.0 라이선스로 공개했습니다.</strong> 최신 릴리스는 2026년 7월 8일자 v1.0.6이고, GitHub 별은 28,600개를 넘었습니다. 작성하는 AI와 검수하는 AI를 다른 회사 모델로 분리하는 이 방식을, 혼자 웹사이트를 만드는 실무 기준으로 정리합니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#Claude Code</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI 코드리뷰</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#교차검수</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI 자동화</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#1인 사업자</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">같은 모델에게 검수를 맡기면 같은 자리에서 놓칩니다</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">코드를 작성한 모델은 자기가 고른 설계를 이미 최선이라고 판단한 상태입니다. 그 판단을 만든 내부 전제가 그대로 남은 채 검수에 들어가니, 놓치는 지점이 매번 같은 자리에 남습니다. 다른 회사가 다른 데이터로 학습시킨 모델은 그 전제를 공유하지 않기 때문에 다른 종류의 결함을 잡아냅니다. 이 방식을 교차 검수(cross-provider review)라고 부르며, 2026년 들어 실무 도구 차원에서 표준화되기 시작했습니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>The New Stack, "Cursor, Claude Code, and Codex are merging into one AI coding stack nobody planned" (2026-04-12)<br><a href="https://thenewstack.io/ai-coding-tool-stack/" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">OpenAI가 경쟁사 도구 안에 직접 들어갔습니다</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">codex-plugin-cc는 Claude Code 안에 설치되어 Codex를 불러 쓰는 플러그인입니다. 별도 런타임을 새로 띄우지 않고 이미 설치된 로컬 Codex CLI를 그대로 사용하므로, 기존 로그인 상태와 설정 파일이 그대로 적용됩니다. 필요한 것은 Node.js 18.18 이상과 ChatGPT 계정(무료 플랜 포함) 또는 OpenAI API 키뿐입니다. 위 The New Stack 분석은 이 흐름을 두고 도구들이 하나로 합쳐지는 것이 아니라 오케스트레이션·실행·검수라는 층으로 나뉘고 있다고 진단했습니다. 설치는 Claude Code 안에서 아래 세 줄이면 끝납니다.</p><div style="background:#171717;border-radius:12px;padding:18px 22px;margin:0 0 16px;font-size:14px;line-height:1.9;color:#eee;font-family:monospace;white-space:pre-wrap;word-break:break-all;">/plugin marketplace add openai/codex-plugin-cc
/plugin install codex@openai-codex
/codex:setup</div><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"코드를 작성한 바로 그 모델에게 검수를 맡기는 것은, 자기 숙제를 자기가 채점하게 하는 일입니다."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— Janakiram MSV, The New Stack</span></div></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">문법이 아니라 설계 판단을 의심하는 명령어</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">공식 README에 정리된 명령은 크게 세 갈래입니다. /codex:review는 커밋하지 않은 변경분이나 브랜치를 대상으로 일반 코드 리뷰를 돌리며, 읽기 전용이라 코드를 건드리지 않습니다. /codex:adversarial-review는 이름 그대로 적대적 리뷰로, 코드의 문법이 아니라 선택한 설계 자체를 의심합니다. 인증, 데이터 유실, 롤백, 경쟁 상태처럼 위험한 구간을 지정해 압박 테스트를 걸 수 있습니다. /codex:rescue는 문제 자체를 Codex에게 넘겨 버그를 조사하거나 수정을 시도하게 합니다. 이 밖에 진행 중인 대화 맥락을 Codex 세션으로 옮기는 /codex:transfer와, 백그라운드 작업을 관리하는 status·result·cancel이 있습니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>OpenAI, "codex-plugin-cc" 공식 저장소 README (v1.0.6, 2026-07-08 릴리스)<br><a href="https://github.com/openai/codex-plugin-cc" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">리뷰 게이트 — 검수를 잊어도 자동으로 걸립니다</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">이 플러그인의 핵심은 선택 기능인 리뷰 게이트입니다. 게이트를 켜면 Claude Code가 작업을 마치려는 순간 Stop 훅이 개입해 Codex가 결과물을 검수하고, 문제가 발견되면 종료 자체가 막힙니다. 사람이 "검수해줘"라고 말하는 것을 잊어도 자동으로 걸린다는 뜻입니다. 다만 README는 이 게이트가 Claude와 Codex 사이에 장시간 루프를 만들 수 있고 사용량 한도를 빠르게 소진할 수 있다고 직접 경고합니다. 세션을 지켜볼 수 있을 때만 켜라는 것이 공식 권고입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">혼자 일하는 제작자의 실제 운영 방식</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">아임웹, 식스샵, 카페24 작업을 혼자 하다 보면 코드를 봐줄 동료가 없습니다. "AI가 짰으니 괜찮겠지"로 넘어간 것이 라이브에서 터지는 일이 반복됩니다. 저는 게이트를 상시로 켜두지 않습니다. 결제, 회원, 주문처럼 틀리면 곧바로 돈이 걸리는 구간을 손볼 때만 켜고, 그 외에는 배포 직전에 적대적 리뷰를 백그라운드로 한 번 돌린 뒤 그 사이에 다른 작업을 합니다. 교차 검수의 본질은 없는 동료를 다른 회사 AI로 대신 세우는 일이고, 사람을 한 명 더 쓰는 것보다 압도적으로 쌉니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 06 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">AI가 쓴 코드를 같은 AI가 검수하면 사각지대가 그대로 남습니다. 작성과 검수를 서로 다른 회사 모델로 분리하는 순간, 잡히지 않던 종류의 결함이 잡히기 시작합니다. 도구는 이미 무료로 공개돼 있고 설치는 명령 세 줄이면 끝납니다. 남은 것은 검수를 습관으로 만들 것인가의 문제입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#eee;background:#2a2a2a;border-radius:999px;padding:6px 14px;">교차 검수</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#2a2a2a;border-radius:999px;padding:6px 14px;">적대적 리뷰</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#2a2a2a;border-radius:999px;padding:6px 14px;">리뷰 게이트</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#2a2a2a;border-radius:999px;padding:6px 14px;">Claude Code</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#2a2a2a;border-radius:999px;padding:6px 14px;">AI 자동화</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">코드를 몰라도 검수 체계는 만들 수 있습니다</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 비개발자 1인 사업자가 AI로 홈페이지를 만들고 운영하는 방법을 강의와 칼럼으로 나누고 있습니다. 오늘 다룬 교차 검수처럼, 혼자서도 사고를 줄이는 실무 장치들을 계속 정리해 올리겠습니다.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고 · 본문의 수치(별 28,600개, v1.0.6 2026-07-08 릴리스)는 2026년 7월 14일 GitHub 저장소 기준입니다. 리뷰 게이트 사용 시 Codex 사용량 한도가 빠르게 소진될 수 있다는 점은 공식 README의 경고를 그대로 옮긴 것입니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "AI가 쓴 코드, 같은 AI에게 검수 맡기면 안 되는 이유",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-14",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "운영 노하우",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260714_220345_7598a1c9-87ed-4c72-8845-9d3285a86a91.png"
}
</script>


[운영 노하우] AI가 쓴 코드, 같은 AI에게 검수 맡기면 안 되는 이유

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260713_220436_4e2f63c5-22e0-41bd-ba40-600706f103db.png" alt="정적 이미지에서 영상·룩북형 콘텐츠로 전환되는 쇼핑몰 디자인을 형상화한 추상 일러스트" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">카페24</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">2026년 카페24 쇼핑몰 디자인의 중심축이 <strong>정적인 상품 이미지에서 영상·룩북형 스킨으로 옮겨가고 있습니다.</strong> 카페24 디자인센터에는 '영상&숏츠 스킨 모음전'이 별도 기획전으로 편성됐고, 디자이너들의 트렌드 스토리도 영상 배너와 디지털 룩북에 집중되고 있습니다. 다만 1인 셀러 입장에서는 트렌드를 따라가고 싶어도 로딩 속도, 관리 부담이라는 현실 벽이 함께 따라옵니다. 이 글에서는 왜 이 흐름이 대세가 됐는지, 그리고 혼자 운영하는 쇼핑몰이 부담 없이 이 트렌드를 흡수하는 방법을 정리합니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#카페24쇼핑몰제작</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#카페24스킨</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#영상형스킨</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#룩북디자인</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#반응형스킨</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">왜 영상형 스킨이 2026년의 기본값이 됐을까</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">쇼핑 환경이 숏폼과 라이브 커머스를 거치면서, 고객은 정적인 이미지보다 움직이는 콘텐츠에 먼저 시선을 둡니다. 카페24 디자인센터의 트렌드 스토리는 이 변화를 '비주얼 퍼스트(visual-first) 쇼핑'이라고 부릅니다. 메인 페이지의 영상 배너 하나가 브랜드 무드와 메시지를 몇 초 만에 전달하기 때문에, 이제 영상은 선택이 아니라 브랜딩 경쟁력으로 자리 잡았다는 것입니다. 실제로 카페24는 '영상&숏츠 스킨 모음전'을 상시 기획전으로 운영하며 반응형 영상 스킨을 전면에 내세우고 있습니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>모렌비(카페24 디자인센터), "2026년 영상 배너가 바꾸는 쇼핑몰의 첫인상과 매출" (2025-12-30)<br><a href="https://d.cafe24.com/story/story_view?no=5563" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">룩북형 디자인이 '체류시간'을 매출로 바꾸는 원리</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">영상형 스킨의 연장선에 있는 것이 '디지털 룩북'입니다. 상품을 나열하는 대신, 잡지를 넘기듯 스크롤하며 브랜드의 세계관을 보여주는 인터랙티브 레이아웃입니다. 핵심은 체류시간입니다. 고객이 페이지에 오래 머무를수록 구매 전환율이 함께 올라가는 경향이 있고, 잘 만든 시즌 룩북 한 페이지가 상세페이지 수백 장보다 강한 브랜드 인상을 남깁니다. 1인 셀러에게 특히 의미 있는 지점은, 룩북형 구성이 '상품 개수'가 아니라 '분위기'로 승부할 수 있게 해준다는 점입니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"단순 썸네일은 가격을 비교하게 만들지만, 감도 높은 룩북 페이지는 고객이 그 라이프스타일을 닮고 싶게 만듭니다. '사고 싶은 옷'을 넘어 '입고 싶은 분위기'를 판매하세요."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— 가영구디자인, 카페24 디자인센터 트렌드 스토리</span></div></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>가영구디자인(카페24 디자인센터), "[2026 트렌드] 고객의 체류시간을 높이는 '룩북형' 디자인의 힘" (2026-03-17)<br><a href="https://d.cafe24.com/story/story_view?no=5837" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">1인 셀러가 부딪히는 현실 벽 세 가지</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">트렌드가 좋다는 건 알지만, 혼자 운영하면 아래 세 가지에서 막힙니다. 첫째, <strong>로딩 속도</strong>입니다. 무거운 영상은 첫 화면 렌더링을 느리게 만들어 오히려 이탈을 부릅니다. 둘째, <strong>영상 소스 문제</strong>입니다. 유튜브 영상을 그대로 얹으면 로고와 컨트롤 바, 화면 비율이 브랜드 톤을 해칩니다. 셋째, <strong>관리 부담</strong>입니다. 시즌마다 영상을 교체하고 상품 링크를 다시 연결하는 작업이 반복되면, 디자인은 예뻐도 운영이 지치기 쉽습니다. 이 세 가지를 미리 염두에 두지 않으면 '예쁜데 안 팔리는' 몰이 됩니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">부담 없이 트렌드를 흡수하는 3단계</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">첫째, 처음부터 100% 커스텀을 노리지 말고 <strong>영상·룩북 구조가 이미 짜인 반응형 스킨을 고르는 것</strong>이 가장 빠릅니다. 카페24 디자인센터의 영상 스킨 모음전에서 업종에 맞는 반응형 스킨을 고르면, 레이아웃 뼈대를 만드는 시간을 크게 줄일 수 있습니다. 둘째, <strong>메인 영상은 짧고 가볍게</strong> 가져갑니다. 5~10초 내외의 무음 루프 영상, 첫 화면 아래 영역에는 지연 로딩(lazy load)을 적용해 속도 부담을 낮춥니다. 셋째, <strong>영상을 다 채우려 하지 않습니다.</strong> 메인 배너 한 곳과 대표 룩북 페이지 한 곳에만 영상을 집중하고, 나머지는 정적 이미지로 유지하면 관리 부담과 시각 효과의 균형을 잡을 수 있습니다. 코드 수정이 필요한 부분은 Claude나 Cursor 같은 AI 도구에 '이 스킨의 메인 배너를 자동재생 무음 루프로 바꿔줘'처럼 구체적으로 요청하면, 비개발자도 스마트디자인 편집창에서 붙여넣기만으로 반영할 수 있습니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">2026년 카페24 쇼핑몰 디자인은 '이미지 나열'에서 '영상·룩북으로 분위기를 파는' 방향으로 이동했습니다. 트렌드를 좇는 것보다 중요한 건, 1인 운영 현실에 맞게 <strong>영상을 집중할 지점을 고르고, 속도와 관리 부담을 통제</strong>하는 감각입니다. 반응형 영상 스킨을 뼈대로 삼고, 무거운 부분만 최적화하며, 손이 많이 가는 코드 수정은 AI 도구로 덜어내는 것이 혼자서도 지속 가능한 방법입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">영상형 스킨</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">룩북 디자인</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">반응형 스킨</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">속도 최적화</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">혼자서도 트렌드를 따라가는 실무 감각이 필요하다면</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 노코드 빌더와 AI 도구를 엮어 1인 셀러가 직접 쇼핑몰을 다듬는 방법을 칼럼과 강의로 다루고 있습니다. 디자인 트렌드를 '외주 없이' 내 몰에 적용하는 흐름이 궁금하시다면 누끼토끼의 다른 칼럼도 함께 참고해 보세요.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 본 글은 카페24 디자인센터 공개 트렌드 스토리(2025-12~2026-03)를 종합·재작성한 것으로, 수치·주장은 원문 출처를 명시했습니다. 특정 스킨·앱은 상업적 추천이 아닌 트렌드 예시로만 언급했습니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "2026 쇼핑몰 디자인, 영상·룩북형 스킨이 대세가 된 이유",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-13",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "카페24",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260713_220436_4e2f63c5-22e0-41bd-ba40-600706f103db.png"
}
</script>


[카페24] 2026 쇼핑몰 디자인, 영상·룩북형 스킨이 대세가 된 이유

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260712_220434_7c712568-7770-4bf4-b493-47bbab5001ce.png" alt="블록들이 조립되어 웹사이트 레이아웃을 이루는 개념 일러스트" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">식스샵</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">식스샵 프로의 블록메이커는 에디터에 없는 기능과 디자인을 직접 정의해 붙이는 커스터마이징 도구입니다. 여기에 <strong>블록메이커 GPT를 붙이면 코드 지식이 없어도 프롬프트만으로 나만의 블록을 만들 수 있고</strong>, 2026년 1월 정식 오픈한 템플릿 스토어를 통해 만든 결과물을 판매해 수익으로 연결할 수 있습니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#식스샵</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#블록메이커</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#식스샵커스터마이징</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#쇼핑몰제작</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#노코드</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">웹빌더의 한계가 시작되는 지점</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">노코드 웹빌더로 쇼핑몰을 만들다 보면 꼭 마주치는 벽이 있습니다. "템플릿은 예쁜데 내가 원하는 느낌은 아니다", "이런 기능을 가진 영역이 필요한데 에디터에 없다" 하는 순간입니다. 식스샵 프로의 블록메이커는 바로 이 지점을 겨냥합니다. HTML·CSS·JavaScript로 원하는 구성 요소(블록)를 직접 만들고, 그 블록을 원하는 위치에 배치하거나 여러 페이지에서 재사용하는 방식입니다. 단순히 코드를 붙여넣는 데서 그치지 않고, 사용자가 내용과 스타일을 바꿀 수 있는 '에디터 패널'까지 함께 구성한다는 점이 핵심입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">코드를 몰라도 되는 이유 — 블록메이커 GPT</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">블록메이커는 코드 기반 기능이라 HTML·CSS·JavaScript 지식이 있으면 수월합니다. 하지만 코드를 다루지 못해도 '식스샵 블록메이커 GPT'를 쓰면 원하는 블록의 기능과 스타일을 설명하는 것만으로 코드를 받을 수 있습니다. 예를 들어 "검은 배경에 흰 글씨, 24시간 형식 카운트다운 타이머를 만들어줘"라고 입력하면, 블록 코드와 사용자 설정 패널 코드까지 한 번에 생성됩니다. 텍스트뿐 아니라 원하는 시안 이미지를 첨부해 요청할 수도 있어, 설명이 구체적일수록 결과가 좋아집니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"블록 마켓플레이스와 블록 메이커 등 AI 제작 도구를 통해 제작자와 이용자 모두에게 실질적인 가치를 제공하는 웹 제작 생태계를 강화해 나가겠다."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— 이상민, 식스샵 대표</span></div></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">블록 하나 만드는 4단계</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">실전 흐름은 네 단계로 정리됩니다. ① <strong>구상</strong> — FAQ·후기·타이머·공지처럼 어떤 목적의 블록인지 구체적으로 떠올립니다. ② <strong>프롬프트 입력</strong> — 기능·디자인·동작 방식을 GPT에 상세히 설명하고, 사용자가 편집할 항목(세팅 빌더에 들어갈 내용)까지 함께 적습니다. ③ <strong>코드 붙여넣기</strong> — 생성된 코드를 블록메이커의 HTML/CSS/JS 입력창에 붙여넣고, 설정 패널 코드는 Settings의 붙여넣기 메뉴로 넣습니다. ④ <strong>적용</strong> — 디자인 에디터에서 '섹션 추가 → 확장 → 블록 메이커 → 블록 추가하기'로 불러오면 끝입니다. 이 네 단계만 기억하면 상상한 디자인을 반복 가능한 자산으로 바꿀 수 있습니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>식스샵 공식 블로그, "식스샵 블록 메이커로 만드는 나만의 웹사이트 구성 요소: 실전 예시 with GPT"<br><a href="https://www.sixshop.com/official-blog/blockmaker" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">만든 블록·템플릿을 수익으로 — 템플릿 스토어</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">식스샵은 2026년 1월 제작자가 웹사이트 템플릿을 판매해 수익을 낼 수 있는 '템플릿 스토어'를 정식 오픈했습니다. 2025년 8월 문을 연 블록 마켓플레이스에 이은 확장으로, 식스샵 공식 파트너가 제작한 템플릿을 등록·판매하는 마켓플레이스 형태로 운영됩니다. 핵심은 웹 제작 결과물을 일회성 납품에서 끝내지 않고 반복 수익이 나는 디지털 자산으로 전환한다는 구조입니다. 외주 프로젝트 중심으로 일하는 1인 제작자·에이전시에게는, 한 번 만든 디자인 노하우를 상품으로 재판매할 수 있는 새로운 수익 라인이 열린 셈입니다. 이용자는 스토어에서 업종별 쇼핑몰·기업 홈페이지 템플릿을 고른 뒤 블록메이커와 에디터로 브랜드에 맞게 커스터마이징하면 됩니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>뉴스탭, "식스샵, 웹 템플릿 판매 길 열었다…제작자 수익화 본격 지원" (2026-01-20)<br><a href="https://www.newstap.co.kr/news/articleView.html?idxno=320398" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">블록메이커는 '커스터마이징의 벽'을 허물고, 블록메이커 GPT는 '코드의 벽'을 낮추며, 템플릿 스토어는 '일회성 납품의 벽'을 넘게 합니다. 세 도구를 하나의 흐름으로 엮으면, 코드를 몰라도 원하는 쇼핑몰을 만들고 그 결과물을 다시 수익으로 순환시킬 수 있습니다. 도구가 늘어난 만큼 남는 경쟁력은 결국 '무엇을 어떻게 조합하느냐'라는 기획 감각입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">식스샵 블록메이커</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">블록메이커 GPT</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">템플릿 스토어</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">식스샵 커스터마이징</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">직접 만들기 어렵다면</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 식스샵·아임웹·카페24 실무 프로젝트와 노코드×AI 강의를 함께 운영합니다. 블록메이커 커스터마이징이나 템플릿 상품화가 막힌다면, 누끼토끼가 정리한 칼럼과 강의에서 실전 흐름을 이어서 확인해 보세요.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 템플릿 스토어 정식 오픈일(2026-01)과 블록 마켓플레이스 출시(2025-08)는 뉴스탭 보도 기준입니다. 블록메이커 GPT 링크·사용법은 식스샵 공식 블로그 기준이며, 세부 UI 명칭은 식스샵 업데이트에 따라 달라질 수 있습니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "식스샵 블록메이커 커스터마이징 — GPT로 코드 없이 4단계",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-13",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "식스샵",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260712_220434_7c712568-7770-4bf4-b493-47bbab5001ce.png"
}
</script>


[식스샵] 식스샵 블록메이커 커스터마이징 — GPT로 코드 없이 4단계

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260711_220401_83dc1449-2fbe-44f5-9aa5-75210596c500.png" alt="thumbnail" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">아임웹</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">아임웹에서 "이건 커스터마이징이 안 되니 전문가에게 맡기세요"라는 안내는 2026년 기준으로 절반만 맞습니다. 아임웹은 CSS·JavaScript 직접 수정에 제한이 있는 노코드 빌더가 맞지만, <strong>코드위젯과 공통 코드 삽입이라는 문은 원래부터 열려 있었고, 여기에 Claude 같은 AI를 붙이면 코드를 한 줄도 못 짜는 분도 원하는 디자인을 상당 부분 직접 넣을 수 있습니다.</strong> 아임웹·식스샵·카페24로 홈페이지를 만드는 1인 에이전시를 운영하며 실제로 쓰는 방식으로, 어디까지 되고 어디부터 전문가가 필요한지 실무 기준으로 정리했습니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#아임웹</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#아임웹커스터마이징</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#코드위젯</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#노코드</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI웹제작</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">왜 '아임웹 커스터마이징 = 외주'가 공식처럼 굳었나</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">아임웹은 2014년 출시된 국내 대표 노코드 웹사이트 빌더로, 2025년 기준 누적 사이트 100만 개, 고객사 거래액 7조 원, 등록된 아임웹 전문가만 4,000명이 넘습니다. 그만큼 널리 쓰이지만 실무자들이 꼽는 단점 1순위가 <strong>커스터마이징 한계</strong>입니다. CSS·JS를 자유롭게 건드리기 어려워 고급 디자인이나 복잡한 인터랙션 구현이 까다롭고, 워드프레스의 6만 개 넘는 플러그인 생태계와 비교하면 확장성이 떨어진다는 지적입니다. 그래서 대부분의 가이드가 "필요하면 전문가에게 별도 의뢰하라"로 끝맺습니다. 틀린 말은 아니지만, 이 결론은 '코드는 사람이 짜야 한다'는 2023년까지의 전제 위에 서 있습니다. 2026년에는 그 전제가 바뀌었습니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>닷클, "아임웹 홈페이지 제작 IMWEB 완벽 가이드(2026년) — 비용·단점·외주" (2026)<br><a href="https://dotcle.kr/articles/?bmode=view&idx=127895335" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">사실은 열려 있는 문 — 아임웹 코드위젯과 공통 코드 삽입</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">아임웹에는 원래부터 <strong>코드위젯</strong>이 있습니다. 페이지 안에 HTML을 직접 넣는 상자라고 생각하시면 됩니다. 그리고 사이트 전체에 공통으로 적용할 CSS·JavaScript는 관리자의 <strong>SEO·헤더설정 &gt; 공통 코드 삽입</strong>에 넣습니다. 아임웹 공식 FAQ도 이 구조를 안내합니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"코드 위젯은 페이지마다 최소한의 코드로 HTML 정도만 작성하시는 것이 좋으며, 공통으로 사용할 CSS나 JavaScript는 SEO·헤더설정에서 공통 코드 삽입 후 코드 위젯과 함께 사용하세요."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— 아임웹 공식 고객센터 FAQ</span></div><p style="font-size:16px;line-height:1.8;margin:16px 0 0;color:#333;">정리하면 아임웹의 커스터마이징 문법은 이렇습니다. <strong>눈에 보이는 구조(HTML)는 코드위젯에, 디자인(CSS)과 동작(JavaScript)은 공통 코드 삽입에.</strong> 이 구조만 이해하면 버튼 모양 바꾸기, 섹션 호버 효과, 플로팅 배너, 입력폼 디자인 조정 정도는 대행사 없이도 가능합니다. 남은 문제는 딱 하나였습니다 — 그 코드를 누가 짜느냐.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>아임웹 공식 FAQ, "사이트에 공통으로 CSS, 스크립트를 삽입하고 싶어요"<br><a href="https://imweb.me/faq?mode=view&category=29&category2=38&idx=71387" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">AI를 '코드 대필가'로 쓰는 실무 흐름</h3><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;">여기서 Claude 같은 생성형 AI가 들어옵니다. 코드를 못 짜도, <strong>원하는 걸 한국어로 설명하면 AI가 코드위젯에 붙일 코드를 대신 써 줍니다.</strong> 실제로 쓰는 순서는 이렇습니다.</p><p style="font-size:16px;line-height:1.8;margin:0 0 10px;color:#333;"><strong>1. 원하는 걸 구체적으로 말합니다.</strong> "아임웹 코드위젯에 넣을 건데, 가로 3개 카드를 만들어줘. 모바일에선 세로로 쌓이게. 회색 테두리에 흰 배경, 마우스 올리면 살짝 떠오르게."</p><p style="font-size:16px;line-height:1.8;margin:0 0 10px;color:#333;"><strong>2. 아임웹 규칙을 알려줍니다.</strong> "HTML은 코드위젯에, CSS는 공통 코드 삽입에 나눠서 줘." 이 한마디로 아임웹 구조에 맞는 형태로 나옵니다.</p><p style="font-size:16px;line-height:1.8;margin:0 0 10px;color:#333;"><strong>3. 받은 코드를 두 군데에 나눠 붙입니다.</strong> HTML은 코드위젯에, CSS는 공통 코드 삽입에. 저장하고 미리보기로 확인합니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;"><strong>4. 마음에 안 들면 말로 고칩니다.</strong> "카드 간격 더 넓게", "테두리 연하게" — 화면 캡처를 같이 주면 AI가 어디를 고칠지 더 정확히 잡습니다. 핵심은 무작정 "커스터마이징 해줘"가 아니라, 코드위젯과 공통 코드라는 <strong>정해진 자리에 맞춰 코드를 나눠 달라</strong>고 지시하는 것입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">어디까지 직접 하고, 어디부터 전문가가 필요한가</h3><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;">과장하지 않기 위해 경계를 분명히 나눕니다.</p><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;"><strong>AI + 코드위젯으로 직접 할 수 있는 것</strong> — 버튼·카드·배지 같은 디자인 요소 커스텀, 마우스 호버나 스크롤 등장 같은 가벼운 인터랙션, 플로팅 배너·인트로 화면·공지 바, 입력폼 디자인 조정처럼 <strong>눈에 보이는 연출</strong> 영역.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;"><strong>여전히 전문가가 필요하거나 신중해야 하는 것</strong> — 아임웹 결제·주문·회원 등 핵심 시스템 로직을 건드리는 작업, 외부 서버 연동, 사이트 전체 성능·SEO에 영향을 주는 무거운 스크립트, "미리보기에선 되는데 실제 결제·모바일에서 깨지는" 케이스의 원인 진단. 정리하면 <strong>보이는 부분은 AI로 직접, 돈과 데이터가 걸린 부분은 전문가와</strong>가 현실적인 경계선입니다. 이 경계를 아는 것만으로도 외주 견적을 낭비 없이 쓸 수 있습니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">아임웹이 커스터마이징에 제한이 있는 건 사실이지만, 코드위젯과 공통 코드 삽입이라는 문은 원래 열려 있었습니다. 2026년에는 코드를 못 짜도 AI에게 한국어로 설명해 코드위젯용 코드를 받는 방식으로 비개발자가 직접 상당 부분을 처리할 수 있습니다. 단, 디자인·연출은 직접, 결제·데이터·핵심 로직은 전문가와 나누는 경계는 지켜야 안전합니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">아임웹 커스터마이징</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">코드위젯</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">공통 코드 삽입</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">AI 코드 생성</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">아임웹을 AI로 다루는 실무가 궁금하시다면</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 노코드 빌더와 생성형 AI를 함께 쓰는 1인 웹 제작 실무를 칼럼과 강의로 나누고 있습니다. 오늘 정리한 코드위젯 + AI 흐름도 실제 클라이언트 작업에서 매일 쓰는 방식입니다.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고 — 통계(누적 100만 사이트·거래액 7조 원·등록 전문가 4,000명·요금제)는 닷클 2026 가이드 기준이며, 코드위젯·공통 코드 삽입 구조와 인용문은 아임웹 공식 FAQ로 교차검증했습니다. AI로 생성하는 커스텀 코드는 붙이기 전 미리보기와 실제 환경(모바일·결제)에서 반드시 확인하시길 권합니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "아임웹 커스터마이징, 코드 못 짜도 AI로 직접 하는 법",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-13",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "아임웹",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260711_220401_83dc1449-2fbe-44f5-9aa5-75210596c500.png"
}
</script>


[아임웹] 아임웹 커스터마이징, 코드 못 짜도 AI로 직접 하는 법

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260710_220530_d22f007a-3442-4050-a312-3fe102ae8c16.png" alt="홈페이지 제작 비용을 직접·외주·개발사 세 갈래로 비교하는 개념 일러스트" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">비즈니스</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">"홈페이지 하나 만드는 데 얼마예요?"라는 질문에 정답이 없는 이유는, 방법이 세 갈래이기 때문입니다. 아임웹 공식 데이터 기준으로 <strong>단순 홈페이지는 30~50만 원대, 커스터마이징이 들어가면 100~200만 원대</strong>가 가장 많고, 개발사에 맡기면 <strong>200만 원 이상</strong>입니다. 그런데 이 숫자만 보고 결정하면 대부분 예산 계획이 틀어집니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#홈페이지제작비용</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#쇼핑몰제작견적</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#노코드</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#아임웹</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#웹사이트제작기간</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">검색해도 '얼마'가 안 나오는 진짜 이유</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">'홈페이지 제작 비용'을 검색하면 30만 원짜리 광고와 500만 원짜리 견적이 한 화면에 뜹니다. 둘 다 거짓말이 아닙니다. 같은 '홈페이지'라도 페이지 수, 디자인 복잡도, 결제·예약 같은 기능 유무, 그리고 누가 만드느냐에 따라 금액이 통째로 달라지기 때문입니다. 그래서 먼저 정해야 할 것은 가격이 아니라 <strong>'어떤 방식으로 만들 것인가'</strong>입니다. 방식이 정해지면 비용의 윤곽이 자동으로 잡힙니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">세 갈래 길 — 직접 · 외주 · 개발사</h3><p style="font-size:16px;line-height:1.8;margin:0 0 14px;color:#333;">홈페이지를 만드는 길은 크게 셋입니다. 아임웹·식스샵·카페24 같은 노코드 빌더로 <strong>직접</strong> 만들거나, 노코드 <strong>전문가에게 외주</strong>를 맡기거나, 코딩 기반 <strong>개발사</strong>에 맡기는 것입니다. 아임웹 공식 자료 기준으로 정리하면 이렇습니다.</p><p style="font-size:16px;line-height:1.8;margin:0 0 8px;color:#333;"><strong>① 직접 제작</strong> — 요금제 비용만(월 16,000원~), 학습 포함 1~3주. 단, 디자인·기획·SEO를 스스로 해야 하고 중간에 포기하는 경우도 적지 않습니다.</p><p style="font-size:16px;line-height:1.8;margin:0 0 8px;color:#333;"><strong>② 전문가 외주</strong> — 보통 50~150만 원, 2~3주. 템플릿 기반이라 합리적인 비용으로 준수한 결과를 얻습니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;"><strong>③ 개발사(하이엔드)</strong> — 200만 원 이상, 5~6주. 완전 맞춤형 디자인·기능이 필요할 때 선택합니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>아임웹, "웹사이트 제작 비용 얼마일까? 현실적인 견적 예상법" (2025-05-29) — 전문가 의뢰 견적 분포에서 30~50만 원대와 100~200만 원대 작업이 가장 많았다고 공개.<br><a href="https://imweb.me/blog?idx=380" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">견적서에 안 적히는 '플랫폼 자체 비용'</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">제작비를 외주 견적 하나로만 잡으면 반드시 예산이 새어 나갑니다. 홈페이지 비용은 <strong>(1) 플랫폼 자체 비용 + (2) 제작(외주) 비용</strong> 두 층으로 되어 있기 때문입니다. 아임웹의 경우 요금제(Starter 월 16,000원 · Pro 24,000원 · Global 40,000원, 2025년 7월 Free 요금제 폐지), 도메인 구입, SSL 보안 인증서, 결제 기능을 붙일 때 PG사 가입비가 <strong>외주비와 별개로</strong> 매달·매년 나갑니다. 견적을 받을 때 이 두 층을 반드시 분리해서 물어봐야 실제 예산이 보입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">'기간'을 좌우하는 건 업체가 아니라 나</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">외주 제작의 본격 작업 기간은 통상 <strong>3~5주</strong>입니다. 1주차 기획안, 2주차 1차 시안, 3주차 수정, 4주차 납품 식으로 흘러갑니다. 그런데 실제 일정이 두 배로 늘어지는 가장 큰 원인은 업체가 아니라 <strong>발주자의 피드백 속도와 자료 전달</strong>입니다. 로고·사진·상품 정보 같은 재료를 제때 넘기지 못하면 아무리 빠른 전문가도 멈춰 섭니다. 제작을 맡기기 전에 텍스트·이미지 자료부터 정리해 두는 것이 가장 확실한 기간 단축법입니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">홈페이지 제작 비용은 '얼마'가 아니라 '어떤 방식'을 먼저 정하면 풀립니다. 정보성 홈페이지처럼 단순하면 노코드로 직접(요금제만) 또는 전문가 외주(50~150만 원)로 충분하고, 브랜딩과 맞춤 기능이 핵심이면 개발사(200만 원~)를 고려하세요. 여기에 플랫폼 자체 비용을 따로 잡고, 자료를 미리 준비해 기간을 줄이면 예산이 어긋나지 않습니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">직접 vs 외주</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">노코드 제작</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">예산 설계</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">방식은 정했는데, 견적이 맞는지 모르겠다면</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 아임웹·식스샵·카페24 세 플랫폼을 모두 다루는 1인 웹 제작 에이전시입니다. 내 프로젝트가 어느 갈래에 맞는지, 받은 견적이 합리적인지 궁금하다면 누끼토끼가 운영하는 칼럼과 강의에서 실무 기준을 확인해 보세요.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고 · 본문 수치는 아임웹 공식 블로그(2025-05-29)와 닷클 칼럼(dotcle.kr)의 공개 견적·요금제 자료를 교차 정리한 것으로, 실제 견적은 페이지 수·기능·복잡도에 따라 달라집니다. YouTube 영상 트렌드 신호는 API 일일 쿼터 소진으로 이번 회차 수집에서 제외되었습니다.</div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "2026 홈페이지 제작 비용, 직접·외주·개발사 실측 견적 비교",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-13",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "비즈니스",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260710_220530_d22f007a-3442-4050-a312-3fe102ae8c16.png"
}
</script>


[비즈니스] 2026 홈페이지 제작 비용, 직접·외주·개발사 실측 견적 비교

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260709_220506_6640542c-2a3a-4bb5-8d64-f176485f1f67.png" alt="폰으로 지시하면 백그라운드에서 일하는 AI 에이전트를 표현한 추상 일러스트" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">
<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">AI 트렌드</span>
<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">혼자 일하는 사업자에게 가장 부족한 자원은 '시간'입니다. Anthropic의 실행형 AI <strong>Claude Cowork가 모바일(베타)로 확대되면서, 이제 폰으로 일을 시켜두고 자리를 비운 사이 백그라운드로 결과를 받아볼 수 있게 됐습니다.</strong> 답만 주던 AI가 '대신 일하는' 단계로 넘어간 신호입니다.</p>
<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#ClaudeCowork</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI자동화</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#1인사업자</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI에이전트</span></div>
<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">챗봇에서 '일하는 동료'로</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">Claude Cowork는 클로드를 만든 Anthropic이 내놓은 '실행형 AI'입니다. 기존 챗봇이 답을 알려주는 도구였다면, Cowork는 리서치를 종합하고 문서를 정리하고 발표용 슬라이드·스프레드시트·문서까지 결과물 형태로 만들어 놓는 '일하는 동료'에 가깝습니다. 공식 제품 페이지 기준으로 웹·데스크톱에 이어 모바일(베타)로 확대되고 있으며, 유료 사용자를 대상으로 순차 적용됩니다.</p></div>
<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">모바일이 바꾼 지점: 폰에서 지시하고, 자리를 비워도 계속</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">가장 큰 변화는 'AI가 나를 기다리지 않는다'는 점입니다. 폰에서 작업을 시작해 책상에서 이어받을 수 있고, 노트북을 닫아도 작업은 백그라운드에서 계속 돌아갑니다. 매일·매주·매월 주기로 예약해두면 자리에 없어도 알아서 실행되고, 진행 상황은 폰에서 확인·승인·중단할 수 있습니다. 출근길 지하철에서 '이 자료로 월간 리포트 초안 잡아둬'라고 시켜두고, 사무실에 도착해 결과를 검토하는 그림입니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"대부분의 AI 챗 도구에서는 Slack을 조회하고, 다시 데이터 도구를 조회하고, 결과를 수동으로 이어붙여야 합니다. Cowork는 이 모든 걸 한 번에 처리합니다."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— Larisa Cavallaro, Zapier AI Automation Engineer</span></div></div>
<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>Anthropic, "Claude Cowork" 공식 제품 페이지 · 보도: techmymoney (2026-07-08)<br><a href="https://www.anthropic.com/product/claude-cowork" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>
<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">1인 사업자에게 실제로 좋은 세 가지</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">첫째, 잡무를 이동·수면 시간으로 넘길 수 있습니다. 주간 성과 정리, 자료 폴더 정돈, 미팅 전 상대 정보 브리핑처럼 시간을 잡아먹는 일을 예약·백그라운드로 돌립니다. 둘째, 여러 일을 동시에 굴립니다. Cowork는 큰 작업을 잘게 쪼개 초안 작성·리서치·정리를 병렬로 진행합니다. 셋째, '어떻게'가 아니라 '무엇'만 말하면 됩니다. 방법을 일일이 지시하지 않고 원하는 결과를 말하는 방식이라, 코드나 복잡한 설정을 몰라도 접근하기 쉽습니다. 실제로 HubSpot 담당자는 "사람이 오프라인일 때도 작업을 예약·실행해 잡무를 덜고 실제 마케팅에 집중하게 해준다"고 밝혔습니다.</p></div>
<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">쓰기 전에 반드시 볼 것: 권한·사용량·베타</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">Cowork는 실제 파일과 연결된 도구에서 '행동'을 하므로 권한 설정이 중요합니다. 사용자가 접근 가능한 폴더·도구를 직접 지정하고, 삭제처럼 되돌리기 어려운 작업은 승인을 거치도록 설계돼 있으니 이 설정을 대충 넘기면 안 됩니다. 또한 공식 안내에 "Cowork는 채팅보다 사용량 한도를 빨리 소진한다"고 명시돼 있어 요금제 한도를 감안해야 하며, 모바일은 아직 베타 단계로 기능·안정성이 계속 바뀔 수 있습니다.</p></div>
<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">Cowork 모바일의 본질은 '언제 어디서나 지시하고, 결과만 검토'하는 흐름입니다. 1인 사업자에게는 시간을 버는 방향의 변화라 실험해볼 가치가 있습니다. 처음에는 되돌리기 쉬운 작은 잡무부터, 권한과 사용량 한도를 확인하며 맡겨보시길 권합니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#ClaudeCowork</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#AI자동화</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#1인사업자</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#업무자동화</span></div></div>
<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">혼자 일하는 당신을 위한 AI 자동화</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 노코드 빌더와 생성형 AI를 엮어 1인 운영 업무를 자동화하는 방법을 강의와 칼럼으로 나누고 있습니다. 다음 칼럼에서는 이런 도구를 실제 업무 흐름에 붙이는 방법을 이어서 다룹니다.</p></div>
<div style="font-size:13px;color:#999;margin-top:24px;">이 글은 2026-07-10 기준 공개 자료를 바탕으로 작성했으며, Claude Cowork 모바일은 베타 단계로 기능·요금은 변동될 수 있습니다. 정확한 최신 정보는 공식 제품 페이지를 확인하시기 바랍니다.</div><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "폰에서 지시하는 AI 비서, Claude Cowork 모바일 — 1인 사업자 활용법",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-14",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "articleSection": "운영 노하우",
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260709_220506_6640542c-2a3a-4bb5-8d64-f176485f1f67.png"
}
</script>


[운영 노하우] 폰에서 지시하는 AI 비서, Claude Cowork 모바일 — 1인 사업자 활용법

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260708_220516_9a8ba989-bbda-4f9e-9138-f1f55b620080.png" alt="thumbnail" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">
<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">AI 트렌드</span>
<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">AI 도구를 여러 개 연결해 쓰는 분이라면 지금 조용히 진행 중인 변화를 알아두시는 편이 좋습니다. <strong>Anthropic이 2024년 말 공개한 AI 연결 표준 MCP가 "출시 이후 최대 규모"로 개정됩니다.</strong> 릴리스 후보는 이미 공개됐고, 최종 확정은 2026년 7월 28일입니다. 개발자만의 이야기가 아니라, 식스샵·Notion·Claude를 MCP로 묶어 하루 업무를 돌리는 1인 운영자에게도 앞으로 1~2년의 작업 환경이 걸린 변화입니다.</p>
<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#MCP</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI에이전트</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#ClaudeCode</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#노코드</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#1인사업</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">무슨 일이 일어났나 — MCP 스펙 대개정</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">MCP(Model Context Protocol)는 "AI가 외부 도구·데이터와 대화하는 공통 규격"입니다. USB-C처럼, 이 규격만 맞으면 어떤 AI든 어떤 도구든 같은 방식으로 꽂아 쓸 수 있습니다. 2026년 5월 21일, MCP 팀은 다음 버전인 <strong>2026-07-28</strong> 스펙의 릴리스 후보(Release Candidate)를 공개했습니다. 공식 표현으로 "출시 이후 가장 큰 규모의 개정"이며, 열 주간의 검증 기간을 거쳐 2026년 7월 28일에 최종 확정됩니다. 세션 구조, 확장 체계, 인증, 폐기 정책까지 뼈대가 바뀝니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>Model Context Protocol Blog, "The 2026-07-28 MCP Specification Release Candidate" (2026-05-21)<br><a href="https://blog.modelcontextprotocol.io/posts/2026-07-28-release-candidate/" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">변화 ① 세션이 사라진 'stateless' 구조</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">이번 개정의 머리기사는 MCP가 프로토콜 차원에서 세션(연결 상태)을 없앴다는 점입니다. 예전에는 AI가 MCP 서버에 접속할 때 "인사(handshake)"를 하고 세션 번호를 받은 뒤, 이후 모든 요청에 그 번호를 달고 다녀야 했습니다. 그래서 처음 응답한 서버에만 계속 매여 있었습니다. 새 스펙은 이 세션을 없애, 모든 요청이 스스로 필요한 정보를 담고 다니게 했습니다. 비유하면 예전에는 "처음 받은 상담원에게만 계속 연결"됐다면, 이제는 "어느 상담원이 받아도 이어서 처리"되는 콜센터가 됩니다. 서버를 여러 대로 늘리기 쉬워지고, 그만큼 연결 안정성이 올라갑니다. 상태가 필요할 때는 서버가 장바구니 번호 같은 식별자를 발급해 모델이 다음 호출에 넘기는 방식으로 대체됩니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">변화 ② 대화창 안에서 화면이 뜬다 — MCP Apps</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">이번에 정식 확장으로 들어온 <strong>MCP Apps</strong>는, 서버가 인터랙티브한 HTML 화면을 대화창 안에 직접 띄울 수 있게 합니다. 지금까지 AI의 답변이 대부분 "글자"였다면, 앞으로는 대화 안에서 버튼·표·간단한 화면을 눌러 조작하는 경험이 가능해집니다. 안전을 위해 격리된(iframe) 공간에서 열리고, 화면에서 일어나는 모든 동작은 일반 도구 호출과 똑같이 승인·기록 절차를 거칩니다. 노코드로 고객 응대나 상품 관리를 자동화하는 1인 운영자에게는, 대화 하나로 "보고 → 확인 → 실행"이 끝나는 흐름이 열린다는 뜻입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">변화 ③ 앱스토어식 확장 + '12개월 폐기 정책'</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">새 스펙은 '확장(Extensions)'을 정식 체계로 만들었습니다. 새 기능을 본 규격에 억지로 밀어 넣지 않고, 앱처럼 따로 만들어 붙였다 뗐다 하며 독립적으로 버전을 올릴 수 있습니다. 위에서 본 MCP Apps와 장기 실행 작업(Tasks)이 첫 공식 확장입니다. 여기에 중요한 안전장치가 하나 생겼습니다. <strong>어떤 기능을 폐기하더라도 최소 12개월은 계속 작동하도록 보장</strong>하는 수명 정책입니다. 오래 쓰던 Roots·Sampling·Logging 같은 기능이 이번에 '폐기 예정'으로 표시됐지만, 표시일 뿐 당장 멈추지 않습니다. 1인 운영자 입장에서는 "오늘 붙여둔 연동이 어느 날 갑자기 먹통이 될" 걱정이 줄어든다는 것이 핵심입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">국내는 아직 '연결해봤다' 단계 — 지금 할 일</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">해외에서는 이 흐름이 이미 빠릅니다. Apple은 한 달 새 두 번째 MCP 서버를 내며 사파리를 AI가 제어하게 했고, Reuters는 뉴스용 MCP 서버를 출시했습니다. MCP가 특정 회사의 실험이 아니라 플랫폼 인프라로 굳어지고 있다는 신호입니다. 반면 국내 노코드·1인 실무 현장은 아직 "MCP 서버 몇 개 연결해봤다" 수준에 머무는 경우가 많습니다. 이 격차가 곧 기회입니다. 개발자가 아니어도 다음 세 가지만 챙기면 충분합니다. 첫째, 지금 쓰는 MCP 연동 목록을 "무엇을·왜 붙였는지"로 한 번 정리하기. 둘째, 세 가지 개념만 기억하기 — 세션 없음은 안정성, MCP Apps는 대화창 UI, 12개월 정책은 안심. 셋째, 7월 28일 최종 확정 이후 사용하는 도구들의 릴리스 노트에서 새 스펙 지원 여부를 확인하기.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 06 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">MCP는 이번 개정으로 '실험적 표준'에서 '인터넷 인프라급 표준'으로 넘어가는 분기점을 지납니다. 세션을 없앤 안정적인 연결, 대화창 안에서 조작하는 MCP Apps, 앱스토어처럼 붙였다 떼는 확장 생태계, 그리고 최소 12개월을 보장하는 폐기 정책. 작은 팀일수록 표준을 먼저 이해한 사람이 유리합니다. 코드를 몰라도 개념만 알면 흐름을 탈 수 있습니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">stateless</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">MCP Apps</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">확장 생태계</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">12개월 폐기 정책</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">표준의 흐름, 놓치지 않게 정리해 드립니다</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 아임웹·식스샵·카페24 실무와 Claude·Cursor 자동화를 함께 다루며, 이런 변화를 1인 운영자 눈높이로 강의와 칼럼에서 계속 풀어내고 있습니다. 다음 글에서 MCP를 실제 업무에 붙이는 법을 이어가겠습니다.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">※ 본문은 MCP 공식 블로그의 릴리스 후보 공지(2026-05-21, 최종 확정 예정일 2026-07-28)를 1차 출처로 재구성했습니다. 스펙 세부 항목은 최종 확정 시 일부 조정될 수 있습니다.</div><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "MCP 스펙 사상 최대 개정 — 2026-07-28 RC, 1인 실무자 관점",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-14",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260708_220516_9a8ba989-bbda-4f9e-9138-f1f55b620080.png"
}
</script>


MCP 스펙 사상 최대 개정 — 2026-07-28 RC, 1인 실무자 관점

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260707_220611_11316f55-95e3-4ffd-8722-3843335821ff.png" alt="빛으로 그려진 화물선들이 야간의 항구로 들어오는 추상 일러스트 — AI 에이전트가 서비스에 접속하는 MCP 시대를 은유" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">AI 트렌드</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">2024년 11월 세상에 나온 통신 규약 하나가 1년 남짓 만에 <strong>공개 서버 1만 개, SDK 월 다운로드 9,700만 건</strong>을 넘어섰습니다. 이름은 MCP(Model Context Protocol). 그런데 이 변화의 핵심은 기술이 아니라 <strong>"앞으로 내 서비스를 방문하는 손님이 사람이 아니라 AI로 바뀐다"</strong>는 데 있습니다. 홈페이지·쇼핑몰을 만드는 1인 사업자에게 이건 검색 노출만큼 실질적인 문제입니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#MCP</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI에이전트</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI자동화</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#1인사업자</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">MCP는 'AI 시대의 USB-C'입니다</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">MCP는 앤트로픽이 2024년 11월 공개한, AI가 외부 서비스·데이터와 주고받는 방식을 표준화한 규약입니다. 과거엔 충전 단자가 기기마다 달라 케이블을 여러 개 들고 다녀야 했지만 USB-C로 통일되자 케이블 하나로 모든 기기가 연결됐습니다. AI도 마찬가지입니다. 예전에는 AI가 캘린더를 읽으려면 캘린더용 연결 코드, 지도를 쓰려면 지도용 연결 코드를 서비스마다 따로 만들어야 했습니다. 이제 MCP라는 공통 규격만 지원하면, MCP를 이해하는 어떤 AI 에이전트든 그 서비스에 접속할 길이 열립니다. 정리하면 MCP는 'AI가 내 서비스 문을 열고 들어오는 통로'입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">왜 지금 모든 기업이 'MCP 서버'를 여는가</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">규격 하나가 나왔다고 산업이 움직이진 않습니다. 기업들이 움직인 이유는 이 규약이 'AI와 도구를 잇는 통로' 영역에서 사실상 표준 지위를 빠르게 얻었기 때문입니다. 앤트로픽이 만들었지만 경쟁사 OpenAI가 지원을 선언했고 구글·마이크로소프트가 뒤를 이었습니다. 2025년 12월 앤트로픽은 MCP를 리눅스 재단 산하 조직에 기부해, 특정 회사 기술을 넘어 업계가 함께 관리하는 개방형 표준의 성격을 갖게 했습니다. 같은 발표에서 공개된 숫자가 공개 서버 1만 개, SDK 월 다운로드 9,700만 건입니다. 규약 공개 13개월 만의 기록입니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">여기서 기업들의 계산이 시작됩니다. 지난 15년의 철칙이 "모바일 앱이 없으면 고객 접점이 없다"였다면, 지금 만들어지는 새 철칙은 이것입니다. "MCP 서버가 없으면 AI가 드나드는 새 길목에서 아예 보이지 않을 수 있다." AI 비서가 일상이 되면 식당을 고르고 항공권을 비교하고 자료를 모으는 실제 '방문'을 사람이 아니라 AI가 합니다. 그때 AI가 접속할 수 없는 서비스는 검색에 안 잡히는 가게처럼, 존재하지만 선택지에 오르지 못합니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>플래텀, "[칼럼] 항구 없는 도시에 배는 들지 않는다" (2026.07.04)<br><a href="https://platum.kr/archives/290398" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">한국에서도 '접점 경쟁'은 이미 시작됐습니다</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">국내에서는 카카오가 이 흐름을 비교적 이른 시점에 플랫폼 전략으로 끌어들였습니다. 카카오는 2025년 8월 국내 최초의 MCP 개방형 플랫폼 'PlayMCP'를 베타 오픈했고, 2026년 5월 기준 외부 개발자가 만든 약 200여 개의 MCP 서버가 올라왔습니다. 금융감독원 공시 조회, 채용 공고 검색, 공연 추천 같은 도구가 붙었습니다. 카카오만의 이야기도 아닙니다. 2026년 6월 30일 채용 솔루션 '그리팅'은 챗GPT·클로드에 자사 채용 데이터를 바로 연결하는 MCP 연동 기능을 내놨고, 같은 시기 부동산·데이터·보안·비디오 인프라 기업들이 각자의 서비스를 AI 에이전트가 호출할 수 있는 형태로 바꾸고 있습니다. 검색 시대의 관문이 포털, 모바일 시대의 관문이 메신저였다면, 에이전트 시대의 관문은 아직 주인이 없습니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">냉정하게 — '출시'와 '사용'은 다릅니다</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">과열을 경계할 대목도 분명합니다. 첫째, MCP 서버를 열었다는 보도자료는 쏟아지지만 실제 사용량을 공개하는 기업은 드뭅니다. 스택록(Stacklok)의 2026년 조사에서도 미국·캐나다·영국 대기업 기술 리더 응답 기준, MCP 서버를 제한적 또는 광범위한 운영 단계에서 쓰는 곳은 41%로 아직 절반에 못 미쳤습니다(제한적 운영 29% + 광범위 운영 12%). 둘째, 가트너는 2027년까지 AI 에이전트 프로젝트의 40% 이상이 불분명한 가치와 비용, 취약한 관리 체계 탓에 중단될 수 있다고 경고합니다. 셋째, 보안입니다. AI에게 서비스의 문을 열어준다는 것은 그 문으로 무엇이 드나드는지 감시하는 일이 그만큼 중요해진다는 뜻입니다. 스택록 조사에서도 보안이 가장 큰 도입 장벽으로 꼽혔습니다.</p><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">한 가지 덧붙이면, 인터넷에 도는 'MCP를 이미 78%가 운영에 쓴다' 같은 수치는 출처가 불분명해 그대로 믿기 어렵습니다. 검증된 1차 자료(앤트로픽 발표, 스택록 조사, 공식 레지스트리)만 놓고 보면 방향은 분명하되 아직 초기라는 것이 정확한 판단입니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>Digital Applied, "MCP Adoption Statistics 2026: Model Context Protocol" (2026.05.24 검증 업데이트)<br><a href="https://www.digitalapplied.com/blog/mcp-adoption-statistics-2026-model-context-protocol" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">1인 웹 제작자·소상공인이 지금 할 일</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">항구를 짓는다고 무역이 저절로 흥하진 않지만, 항구가 없으면 배는 아예 들지 않습니다. 다만 1인 사업자가 오늘 당장 MCP 서버를 구축할 필요는 없습니다. 순서는 이렇습니다. ① 먼저 소비자로 씁니다. 아임웹·식스샵·카페24로 만든 홈페이지 운영에 필요한 반복 업무(문의 분류, 상품 정보 정리, 콘텐츠 초안)를 Claude·Cursor에 MCP로 도구를 붙여 자동화해 보는 것이 가장 빠른 학습입니다. ② 내 상품·가격·예약 정보가 '기계가 읽기 좋은' 형태(정확한 텍스트, 구조화된 상품 정보, 명확한 영업시간·문의 경로)로 정리돼 있는지 점검합니다. 지금은 검색엔진이, 곧 AI 에이전트가 그 정보를 읽습니다. ③ 플랫폼이 MCP를 여는 흐름(카카오 PlayMCP 등)을 지켜보다가, 내 업종에 맞는 공개 시점이 오면 남보다 반보 먼저 올라타면 됩니다. 결론은 단순합니다. 지금은 큰 투자보다 '준비된 상태'가 핵심입니다.</p></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 06 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">산업의 큰 변곡점마다 바뀐 것은 기술이 아니라 '손님이 오는 길'이었습니다. 이번엔 길이 아니라 손님 자체가 바뀝니다. 사람 대신, 사람을 대리하는 AI가 문을 두드립니다. 대기업이 'MCP 항구'를 서둘러 짓는 이유가 여기 있고, 1인 사업자가 지금 할 일은 거창한 구축이 아니라 내 정보와 업무를 'AI가 읽고 처리하기 좋은 상태'로 준비해 두는 것입니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#MCP항구</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#AI손님</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#에이전트시대</span><span style="display:inline-flex;font-size:13px;color:#171717;background:#fff;border-radius:999px;padding:6px 14px;">#노코드자동화</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">MCP를 '내 업무'에 붙이는 첫걸음이 막막하다면</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼가 운영하는 AI 자동화 강의와 칼럼에서는 아임웹·식스샵·카페24 실무에 Claude·Cursor를 연결해 반복 업무를 줄이는 과정을 단계별로 다루고 있습니다. 거창한 개발 없이, 지금 쓰는 도구부터 하나씩 붙여 보시길 권합니다.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 본문 수치는 앤트로픽 2025.12 생태계 발표, 스택록(Stacklok) 2026 조사, 가트너 전망, 플래텀 칼럼(2026.07.04) 등 공개 1차 자료에 근거했습니다. 인터넷에 도는 미검증 통계는 제외했습니다.</div><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "AI가 대신 방문하는 시대, 기업들이 'MCP 항구'를 짓는 이유",
  "inLanguage": "ko-KR",
  "datePublished": "2026-07-14",
  "author": {
    "@type": "Person",
    "name": "최한비",
    "url": "https://nookitokki.co.kr/about"
  },
  "publisher": {
    "@type": "Organization",
    "name": "누끼토끼",
    "logo": {
      "@type": "ImageObject",
      "url": "https://cdn.sixshop.io/sf-gateway/public/stores/nookitokki/website/GREEN_1781105297451.png"
    }
  },
  "image": "https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260707_220611_11316f55-95e3-4ffd-8722-3843335821ff.png"
}
</script>


AI가 대신 방문하는 시대, 기업들이 'MCP 항구'를 짓는 이유

<img src="https://d8j0ntlcm91z4.cloudfront.net/user_35t1h8sxnIgELicc7qjkOlikNXL/hf_20260707_050424_1e98bf08-be74-42d7-aacc-effdeb4586b8.png" alt="구조화된 문서 카드를 AI 코어에 순서대로 공급하는 손을 표현한 컨셉 일러스트" style="width:100%;border-radius:4px;display:block;margin-bottom:28px;">

<span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">AI 트렌드</span>

<p style="font-size:18px;line-height:1.75;margin:0 0 20px;">좋은 AI를 붙여도 결과가 자꾸 엉뚱하게 나온 경험, 다들 한 번쯤 있으실 겁니다. 2026년 개발 현장에서는 그 원인을 모델 성능이 아니라 '맥락(컨텍스트)'에서 찾습니다. <strong>대부분의 실패는 더 이상 모델의 실패가 아니라, 맥락을 제대로 주지 못한 '컨텍스트 실패'라는 진단이 정설로 자리 잡았습니다.</strong> 그리고 이 맥락을 설계하는 능력, 즉 '컨텍스트 엔지니어링'이 프롬프트 다음의 핵심 역량으로 떠올랐습니다.</p>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;"><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#컨텍스트엔지니어링</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#ClaudeCode</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#AI자동화</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#바이브코딩</span><span style="display:inline-flex;font-size:13px;color:#555;background:#f0f0f0;border-radius:999px;padding:6px 14px;">#1인사업자</span></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 01</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">좋은 모델을 써도 AI가 헛다리를 짚는 이유</h3><p style="font-size:16px;line-height:1.8;margin:0;color:#333;">많은 분이 "더 똑똑한 AI를 쓰면 결과가 좋아진다"고 생각합니다. 하지만 현장의 관찰은 다릅니다. 같은 모델이라도 우리 회사 사정, 이전에 오갔던 대화, 실제 데이터를 함께 쥐여 주면 결과가 확 달라집니다. AI가 답을 만들기 직전에 '무엇을 보고 있는가', 이것이 성패를 가릅니다. 로그인 기능 하나를 요청했는데 세 번 연속 다른 방식으로 만들어 오는 상황도, 모델이 나빠서가 아니라 판단에 필요한 맥락이 빠졌기 때문인 경우가 대부분입니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>Philipp Schmid, "The New Skill in AI is Not Prompting, It's Context Engineering" (2025-06-30)<br><a href="https://www.philschmid.de/context-engineering" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 02</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">컨텍스트 엔지니어링이란 무엇인가</h3><p style="font-size:16px;line-height:1.8;margin:0 0 16px;color:#333;">컨텍스트 엔지니어링은 '적절한 정보와 도구를, 적절한 형식으로, 적절한 시점에 AI에게 주어 작업을 끝까지 완수하게 만드는 설계'를 뜻합니다. 프롬프트 엔지니어링이 '한 번의 지시문을 잘 쓰는 기술'이라면, 컨텍스트 엔지니어링은 그 지시문 이전에 필요한 자료·도구·기억을 미리 갖춰 두는 '시스템'에 가깝습니다. 한마디로 좋은 문장 하나가 아니라, AI가 일할 판을 깔아 주는 일입니다.</p><div style="background:#f6f6f6;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.7;color:#444;font-style:normal;">"컨텍스트 엔지니어링은 LLM이 작업을 그럴듯하게 풀어낼 수 있도록, 그 작업에 필요한 모든 맥락을 제공하는 기술이다."<span style="display:block;margin-top:10px;font-size:13px;color:#888;">— Tobi Lütke, Shopify CEO</span></div></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 03</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">AI가 보는 '맥락'은 프롬프트가 전부가 아닙니다</h3><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;">전문가들은 AI가 답을 내기 전에 보는 '맥락'을 대략 일곱 가지 재료로 나눕니다. 이걸 알면, 결과가 나쁠 때 어느 재료가 빠졌는지 점검할 수 있습니다.</p><p style="font-size:16px;line-height:1.9;margin:0;color:#333;">① 시스템 지시(역할·규칙) &nbsp;· &nbsp;② 사용자 질문(지금 시키는 일) &nbsp;· &nbsp;③ 대화 이력(방금까지의 흐름, 단기기억) &nbsp;· &nbsp;④ 장기기억(반복되는 취향·과거 결정) &nbsp;· &nbsp;⑤ 검색 정보(문서·DB에서 그때그때 찾아온 자료) &nbsp;· &nbsp;⑥ 도구(캘린더 확인, 메일 발송 같은 실제 기능) &nbsp;· &nbsp;⑦ 출력 형식(어떤 모양으로 답할지). 좋은 결과는 이 재료들을 '필요한 것만, 깔끔하게, 알맞은 순서로' 넣었을 때 나옵니다. 데이터를 무작정 쏟아붓는 게 아니라, 정리해서 주는 것이 핵심입니다.</p></div>

<div style="border:1px solid #e5e5e5;border-radius:16px;padding:26px 28px;margin:0 0 20px;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#171717;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 04</span><h3 style="font-size:19px;font-weight:700;margin:0 0 12px;">비개발자·1인 사업자가 오늘 할 수 있는 3가지</h3><p style="font-size:16px;line-height:1.8;margin:0 0 12px;color:#333;">코드를 몰라도 컨텍스트 설계는 얼마든지 할 수 있습니다. AI를 '새로 들어온 직원'이라 생각하면 이해가 쉽습니다.</p><p style="font-size:16px;line-height:1.85;margin:0;color:#333;"><strong>① 회사 온보딩 문서 만들기.</strong> CLAUDE.md 같은 규칙 파일 하나에 브랜드 폰트, 자주 쓰는 폴더 구조, 말투 규칙, 하지 말아야 할 것을 적어 두면 AI가 매번 헤매지 않습니다. 신입에게 주는 업무 매뉴얼과 같습니다. <br><br><strong>② 실제 데이터·도구 연결하기.</strong> MCP(모델이 외부 도구를 표준 방식으로 쓰게 해 주는 연결 규격)로 노션·구글 캘린더·쇼핑몰 데이터를 연결하면, AI가 상상으로 답하지 않고 진짜 자료를 보고 일합니다. <br><br><strong>③ 반복 업무를 절차 문서로 남기기.</strong> 자주 하는 작업의 순서를 스킬(SKILL.md) 파일로 정리해 두면, 다음부터는 "그거 해 줘" 한마디로 같은 품질이 나옵니다.</p></div>

<div style="background:#f0f0f0;border-radius:12px;padding:18px 22px;margin:0 0 20px;font-size:14px;line-height:1.7;color:#555;"><span style="display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#171717;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px;">출처</span><br>GilliLab, "2026 AI 코딩 도구 시장 재편 — 레이어드 스택 수렴과 기업 ROI 평가" (2026-07-06). CLAUDE.md·AGENTS.md 같은 컨텍스트 파일을 최신으로 유지하는 것이 품질의 핵심이며, MCP가 공유 컨텍스트 허브의 표준으로 자리 잡았다고 정리합니다.<br><a href="https://rupijun.tistory.com/entry/2026-AI-%EC%BD%94%EB%94%A9-%EB%8F%84%EA%B5%AC-%EC%8B%9C%EC%9E%A5-%EC%9E%AC%ED%8E%B8-Cursor%C2%B7Claude-Code%C2%B7Codex-%EB%A0%88%EC%9D%B4%EC%96%B4%EB%93%9C-%EC%8A%A4%ED%83%9D-%EC%88%98%EB%A0%B4%EA%B3%BC-%EA%B8%B0%EC%97%85-ROI-%ED%8F%89%EA%B0%80-%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98" style="color:#171717;text-decoration:underline;">원문 보기 →</a></div>

<div style="background:#171717;color:#fff;border-radius:16px;padding:32px 28px;margin:0 0 20px;text-align:center;"><span style="display:inline-block;font-size:12px;font-weight:700;color:#171717;background:#fff;border-radius:999px;padding:4px 12px;margin-bottom:14px;">STEP 05 · 정리</span><p style="font-size:16px;line-height:1.8;margin:0 0 20px;color:#eee;">2026년 AI 활용의 승부처는 '어떤 모델이 제일 똑똑하냐'가 아니라 '내 맥락을 얼마나 잘 설계했느냐'로 옮겨 갔습니다. 좋은 모델은 이제 기본값이고, 그 위에서 결과의 질을 가르는 것은 우리가 AI에게 건네는 맥락입니다. 코드를 몰라도, 회사 규칙 문서 한 장·데이터 연결·반복 업무 정리라는 세 걸음부터 시작하면 됩니다.</p><div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;"><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">컨텍스트 엔지니어링</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">CLAUDE.md</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">MCP</span><span style="display:inline-flex;font-size:13px;color:#eee;background:#333;border-radius:999px;padding:6px 14px;">AI 자동화</span></div></div>

<div style="background:#f6f6f6;border-radius:16px;padding:28px 26px;margin:0 0 8px;"><div style="font-size:16px;font-weight:700;margin-bottom:8px;color:#171717;">AI에게 '내 맥락'을 제대로 주는 법, 더 깊게</div><p style="color:#555;font-size:14px;margin:0;">누끼토끼는 비개발자도 AI에게 회사 맥락을 설계해 붙이는 방법을 강의와 칼럼으로 꾸준히 다루고 있습니다. 실제 1인 운영 현장에서 쓰는 CLAUDE.md·MCP·스킬 세팅이 궁금하시다면, 이어지는 칼럼과 강의에서 함께 살펴보세요.</p></div>

<div style="font-size:13px;color:#999;margin-top:24px;">비고: 본 칼럼은 2026년 7월 상위 웹 자료를 종합·재작성한 콘텐츠로, 원문을 직접 인용·복제하지 않았습니다. 통계·수치는 표기된 출처 범위 내에서만 사용했습니다.</div>
