How to Build a Full Shopify Store using AI (Claude Code)
Quick Summary
Claude Code와 Shopify CLI를 연결하고 상품·브랜드 자산을 단계별로 제공하면, 코드를 직접 작성하지 않고도 편집·판매·공개가 가능한 완전한 맞춤형 Shopify 스토어를 구축할 수 있다.
영상 보기
클릭 전까지는 가벼운 미리보기만 먼저 불러옵니다.
🖼️ 인포그래픽
🖼️ 4컷 인포그래픽
💡 한 줄 결론
Claude Code와 Shopify CLI를 연결하고 상품·브랜드 자산을 단계별로 제공하면, 코드를 직접 작성하지 않고도 편집·판매·공개가 가능한 완전한 맞춤형 Shopify 스토어를 구축할 수 있다.
📌 핵심 요점
- 구축 환경은 Shopify와 월 20달러의 Claude Pro를 중심으로 구성되며, 로컬 컴퓨터에는 Node.js·Git·Shopify CLI·Claude Code가 필요하다.
- AI 디자인에 앞서 상품명·설명·이미지·가격·재고·변형 옵션·컬렉션을 Shopify에 등록해야 실제 판매 데이터가 반영된 스토어를 만들 수 있다.
- 선호하는 테마 화면, 상품 사진, 로고, 라이프스타일 이미지 등을 용도별로 정리하면 Claude Code가 추상적인 요청보다 구체적인 브랜드 기준에 따라 디자인할 수 있다.
- 전체 스토어를 한 번에 생성하기보다 히어로부터 섹션별로 제작하고 로컬 미리보기에서 자연어 피드백과 품질 검사를 반복하는 방식이 결과 통제에 유리하다.
- 완성된 테마는 Shopify에 업로드한 뒤 일반 테마 편집기로 수정할 수 있으며, 모바일 검증과 결제·배송·세금·정책·도메인 설정까지 마쳐야 실제 판매 가능한 상태가 된다.
🧩 배경과 문제 정의
- Shopify 맞춤형 스토어 제작에는 개발자 고용, 유료 테마 구매, 코드 작성에 따른 비용과 기술적 진입 장벽이 따른다.
- Claude Code에 원하는 디자인을 자연어로 전달하면 스토어를 구축할 수 있고, 생성된 결과도 일반 Shopify 테마처럼 직접 편집할 수 있다.
- AI 구축 환경에는 Shopify와 월 20달러의 Claude Pro가 필요하며, 로컬 컴퓨터에는 Node.js·Git·Shopify CLI를 준비해야 한다.
🕒 시간순 섹션별 상세정리
1. AI 기반 Shopify 스토어의 구성과 비용
- 개발자나 고가의 유료 테마 없이 Claude Code를 활용해 주문을 받을 수 있는 맞춤형 Shopify 스토어를 구축한다. [00:04]
- Shopify에 연결된 Claude Code는 자연어로 입력한 디자인 요구사항을 바탕으로 스토어 전체를 만들며, 초보자도 같은 방식으로 진행할 수 있다. [00:24]
- 주요 비용은 Shopify 이용료와 월 20달러의 Claude Pro이며, AI가 생성한 요소도 일반 Shopify 스토어처럼 직접 편집할 수 있다. [00:45]
2. Shopify 가입과 초기 대시보드 진입
- 제휴 링크를 이용하면 3일 무료 체험과 이후 3개월간 월 1달러 혜택을 받을 수 있으며 화면이나 설명란의 링크에서 가입을 시작한다. [01:11]
- 이메일과 비밀번호로 계정을 만든 뒤 결제 정보를 입력해야 혜택이 활성화되며 할인 기간 중에도 취소할 수 있다. [01:49]
- 신규 사용자는 Basic 요금제를 선택하고 추가 제안과 초기 질문을 건너뛰어 최소 설정으로 시작할 수 있다. [02:16]
- 가입 절차를 마치면 Shopify 대시보드에 진입하고 AI 구축에 필요한 로컬 도구 준비로 넘어간다. [02:41]
3. 필수 도구의 역할과 Node.js 설치
- Node.js는 다른 도구를 실행하는 기반 엔진이고, Claude Code는 스토어를 생성하며, Shopify CLI는 로컬 컴퓨터와 Shopify를 연결한다. [02:56]
- Node.js 공식 사이트에서 운영체제에 맞는 사전 빌드 설치 파일을 선택하고 Windows가 아니라면 운영체제 항목을 변경한다. [03:48]
- 설치 마법사의 기본 설정은 유지하되 네이티브 모듈용 추가 도구 체크박스는 비운 채 설치한다. [04:35]
- Node.js는 한 번 설치하면 직접 조작하지 않아도 백그라운드에서 Claude Code와 Shopify CLI 실행을 지원한다. [05:05]
4. Claude 계정과 Pro 요금제 준비
- Claude 공식 사이트에서 이메일을 입력한 뒤 인증 코드나 로그인 링크를 이용해 계정을 생성한다. [05:25]
- Shopify 구축에 사용할 Claude Code는 Pro 요금제에 포함되므로 월간 또는 연간 결제를 선택해 구독을 완료한다. [06:21]
- Claude 데스크톱 앱은 일반 AI 대화에 활용하는 선택 사항이며 Claude Code 설치에 필수적인 구성요소는 아니다. [06:52]
- 데스크톱 앱을 사용한다면 운영체제용 설치 파일을 실행하고 앞서 만든 Claude 계정으로 로그인한다. [07:17]
- 이 단계에서는 Node.js와 Claude Pro 계정만 준비하며 Claude Code 설치는 Shopify CLI를 준비한 뒤 터미널에서 마무리한다. [07:43]
5. Git과 Shopify CLI 설치
- Shopify CLI 실행에 필요한 Git을 먼저 준비하고 운영체제에 맞는 최신 설치 파일을 내려받는다. [08:10]
- Windows에서는 Git 설치 창의 절차를 진행하고 완료 단계에서 불필요한 실행 옵션을 해제한다. [08:50]
- Shopify CLI 명령은 Windows의 PowerShell 또는 macOS의 Terminal에서 입력한다. [09:11]
npm install -g @shopify/cli@latest를 실행해 최신 Shopify CLI를 전역 설치하고 전체 명령 순서는 제공된 가이드에서 확인한다. [09:48]- 설치에 몇 분이 걸릴 수 있으므로 터미널 작업이 완전히 끝날 때까지 기다린다. [10:38]
6. Shopify CLI 검증과 Claude Code 설치 시작
- 설치 후 여러 줄의 출력이 나타나더라도
shopify version에서 버전 번호가 표시되면 Shopify CLI 설치가 성공한 것이다. [10:46] - 같은 PowerShell 또는 Terminal에서 Claude Code 설치를 이어가되 Windows와 macOS에 맞는 서로 다른 명령을 사용한다. [11:15]
- Windows에서는 가이드의 Claude 설치 스크립트와 파이프 뒤 실행 구문을 입력한 뒤 Enter를 눌러 설치를 시작한다. [11:58]
7. Claude Code 계정 인증과 작업공간 설정
- 설치 완료 문구를 확인한 뒤 기존 터미널을 닫고 새 터미널에서
claude를 실행해 온보딩을 시작한다. [12:20] - 화면 테마와 Claude 구독 계정 방식을 선택하면 브라우저 인증 페이지가 열리고 권한 승인 후 인증 코드를 받을 수 있다. [12:42]
- 인증 코드를 터미널에 붙여 넣어 로그인하고 현재 작업공간을 신뢰하도록 승인하면 Claude Code 준비가 끝난다. [13:14]
- 세 가지 로컬 도구 설치를 완료한 뒤 Shopify 대시보드로 돌아가 상품 데이터를 먼저 구성한다. [13:21]
8. AI를 활용한 기본 상품 정보 구성
- Claude Code는 판매 상품을 기준으로 홈페이지와 상품 페이지를 설계하므로 판매 방식과 관계없이 상품 등록이 먼저 이뤄져야 한다. [13:44]
- 상품 이미지를 Claude 채팅에 첨부해 짧고 깔끔한 상품명과 설명을 요청하고 만족스럽지 않으면 피드백으로 초안을 수정한다. [15:05]
- 확정한 상품명과 설명을 Shopify에 입력하고 직접 촬영한 사진, AI 이미지, 스톡 이미지 또는 기존 상품 사진을 추가한다. [15:26]
- 예시에서는 가격을 19.99달러, 재고를 100개로 입력하며 배송 조건은 실제 운영 방식에 맞춰 별도로 조정한다. [16:06]
9. 상품 옵션과 컬렉션 완성
- 크기나 색상이 달라지는 상품에는 변형 옵션을 활성화하고 예시 티셔츠에는 S·M·L·XL 크기를 추가한다. [16:32]
- 변형마다 가격과 재고를 지정하고 색상별 이미지가 있다면 해당 옵션에 연결해 선택값과 화면을 일치시킨다. [16:47]
- 컬렉션은 티셔츠·후드·바지처럼 상품 유형을 묶어 스토어 구조와 상품 탐색을 관리하기 쉽게 만든다. [17:25]
t-shirts수동 컬렉션을 만들고 티셔츠 이미지를 대표 이미지로 지정한 뒤 첫 상품을 포함한다. [18:14]- 나머지 상품도 같은 방식으로 등록하면 모든 상품과 컬렉션이 Claude Code의 스토어 제작에 활용될 수 있다. [18:53]
10. Shopify 테마에서 디자인 레퍼런스 수집
- 비어 있는 기본 Horizon 테마를 바로 수정하기보다 기존 스토어, 자체 목업, Shopify 테마 라이브러리에서 디자인 방향을 정한다. [19:28]
- 의류 스토어와 어울리는 데모에서 히어로, 상품 진열, 컬렉션, 개별 상품 페이지 등 필요한 영역을 캡처한다. [20:13]
- 하나의 테마만 복제할 필요 없이 여러 테마에서 원하는 요소를 골라 페이지별로 조합할 수 있다. [20:48]
- 캡처 이미지를 한 폴더에 모으면 Claude Code가 목표 화면의 구성과 시각적 분위기를 구체적인 레퍼런스로 활용한다. [20:52]
11. 로고와 스토어 이미지 자산 정리
- 상품 사진과 스토어 영감 이미지를 용도별 폴더로 분류하면 Claude Code가 필요한 자산을 찾고 적용하기 쉬워진다. [21:26]
- 영감 자료에는 히어로, 홈페이지, 고객 후기, 상품 진열, 브랜드 스토리, 상품 페이지처럼 실제 구현할 화면을 포함한다. [21:36]
- Canva로 배경 포함 로고와 투명한 밝은색·어두운색 로고를 함께 만들어 다양한 배경에 대응한다. [22:02]
- 홈페이지 라이프스타일 이미지는 무료 스톡 사진을 사용하거나 매장 특성에 맞춰 AI로 생성하거나 직접 촬영한다. [22:20]
- 상품 자산과 테마 레퍼런스를 함께 정리하면 추상적인 설명보다 구체적인 이미지와 디자인 기준으로 스토어를 구성할 수 있다. [22:38]
12. 독립적인 스토어 빌드 폴더 생성
- 상품 등록과 레퍼런스 및 자산 정리가 끝나면 Claude Code로 돌아가 실제 스토어 빌드 단계에 진입한다. [22:55]
- Claude Code 세션에서
/exit를 입력해 일반 PowerShell 또는 터미널 상태로 빠져나온다. [23:18] mkdir my-store-build로 빈 폴더를 만들어 생성되는 파일을 다른 자료와 분리해 관리한다. [23:27]cd my-store-build로 폴더에 들어가면 Shopify 연결과 테마 개발에 사용할 깨끗한 작업공간이 준비된다. [23:57]
13. Shopify 테마 가져오기와 계정 인증
- Shopify 설정에서 스토어 도메인을 복사하고
shopify theme pull --store <도메인> --live로 현재 라이브 테마를 로컬에 가져온다. [24:51] - 브라우저에서 Shopify 계정에 로그인한 뒤 PowerShell의 확인 코드와 대조해 올바른 기기에서 진행 중인지 검증한다. [25:24]
- Horizon 테마를 가져오면 스토어 전체 코드가 프로젝트에 저장되어 Claude Code가 구조와 파일을 직접 읽을 수 있다. [25:51]
- 추가 명령으로 Shopify 작업 지식을 프로젝트에 제공해 테마 열람을 넘어 실제 개발을 수행할 수 있는 상태로 확장한다. [26:17]
14. 디자인 참고 자료를 프로젝트에 통합하기
mkdir inspiration으로 프로젝트 내부에 참고 자료 전용 폴더를 만든다. [26:48]explorer .을 실행해 현재 프로젝트를 파일 탐색기로 열고 터미널과 파일 복사 작업을 연결한다. [27:06]- 홈페이지 이미지, 상품 사진, 디자인 레퍼런스, 스토어 로고를
inspiration폴더에 복사해 코드와 브랜드 자산을 함께 제공한다. [27:44] - 프로젝트 폴더에서 Claude Code를 실행하고 이번 작업에 필요하지 않은 Chrome 확장 기능은 활성화하지 않은 채 세션을 시작한다. [28:25]
15. 일괄 생성 대신 단계별 디자인 프로세스 구성하기
- 기존 테마 탐색, 브랜드 질문, 계획 확인, 섹션별 제작 순으로 진행해 중간 결과를 검토하고 품질을 통제한다. [28:48]
- 초기 프롬프트의 브랜드명 자리표시자를 실제 이름으로 바꾸고 나머지 지침도 스토어 상황에 맞게 조정한다. [29:28]
- Claude Code는 강한 파랑·노랑 참고 디자인과 중립적인 로고·상품 사진 사이에서 우선할 시각 방향을 질문한다. [30:01]
16. 홈페이지 구성과 실시간 미리보기 방식 결정하기
- 홈페이지 범위를 히어로, 카테고리별 쇼핑, 추천 상품, 리뷰, 브랜드 스토리로 정해 정보 구조를 확정한다. [30:24]
- 기존 Inter 폰트를 유지하면 별도의 서체 변경 없이 현재 브랜드 디자인을 이어갈 수 있다. [30:41]
- 로컬 개발 서버는 컴퓨터에서만 볼 수 있는 비공개 미리보기를 제공하며 섹션 수정 결과를 자동으로 갱신한다. [31:20]
- 신뢰할 수 있는 반복 명령에는 다시 묻지 않도록 승인하되 나머지 실행 요청은 진행 중 직접 확인한다. [31:45]
17. 계획을 확인하고 첫 번째 섹션만 제작하기
- Claude Code는 Shopify URL과 계획 승인을 요청하며 승인 후에도 전체 페이지가 아닌 히어로 섹션만 먼저 제작한다. [32:18]
- Shopify URL을 입력하고 첫 섹션 제작을 승인해 사전에 정한 단계별 범위 안에서 코드 생성을 시작한다. [32:27]
- 예상과 다른 질문이나 결과는 자연어로 조율하고 파일 변경에 추가 권한이 필요하면 실행을 직접 승인한다. [32:49]
18. 라이브 미리보기에서 히어로 섹션 개선하기
- 새 PowerShell 창에서 프로젝트 폴더로 이동하고 Claude Code가 제공한 명령을 실행해 로컬 미리보기 서버를 시작한다. [33:33]
- 서버가 요구하는 비밀번호는 계정 비밀번호가 아니라 온라인 스토어의 자동 생성 비밀번호이며
Edit password화면에서 복사한다. [33:59] - 서버가 출력한 링크를 브라우저에서 열어 비공개 환경에서 제작 중인 스토어를 확인한다. [34:30]
- 처음에는 히어로만 표시되며 이미지·문구·크기를 자연어로 수정해 만족한 뒤 다음 섹션으로 넘어간다. [35:00]
- 텍스트와 이미지에 부드러운 등장 애니메이션을 넣고 후속 섹션에는 스크롤 기반의 점진적인 페이드인 효과를 요청한다. [35:59]
19. 자연어 기반의 반복 수정과 섹션 확장
- 코드 대신 디자이너에게 말하듯 평문으로 변경 사항을 입력하면 Claude Code가 수정하고 필요한 정보를 다시 질문한다. [36:16]
- 미리보기를 새로고침해 애니메이션을 확인하고 속도와 요소별 등장 간격까지 추가로 조정한다. [36:38]
- 다음 섹션의 카테고리와 아이콘이 맞지 않자 섹션 전체 품질 검사를 요청해 의미와 시각 구성을 함께 바로잡는다. [37:55]
- 수정된 아이콘이 카테고리와 어울리는 수준에 도달하면 세부 조정은 미루고 다음 핵심 섹션 제작으로 넘어간다. [38:10]
20. 실제 상품 연결과 홈페이지 구성 완성
- 추천 상품 영역에 플레이스홀더 대신 Shopify에 등록한 세 개의 실제 상품을 사용하도록 명시한다. [38:49]
- 실제 상품 세 개가 노출되는 추천 상품 영역을 완성하고 마지막 홈페이지 섹션 제작으로 전환한다. [39:14]
- 고객 후기와 브랜드 스토리를 추가하지만 후기의 이름·문구·이미지는 플레이스홀더이므로 운영 전에 교체해야 한다. [39:54]
- 여러 섹션이 하나의 홈페이지로 결합되면서 짧은 시간 안에 전문적이고 일관된 화면이 완성된다. [40:07]
21. 최종 품질 검사와 비홈 영역 보완
- 모든 홈페이지 섹션에 최종 품질 검사를 실행해 누락과 마감 문제를 찾고 백엔드와 스타일을 보완한다. [40:46]
- 큰 화면 구조는 유지하면서 백엔드와 세부 표현을 다듬고 결과가 안정되면 나머지 스토어 영역으로 범위를 넓힌다. [41:11]
- 세 상품의 상품 페이지, 로고가 포함된 헤더, 정책 링크용 푸터, 홈페이지 외 영역의 마감을 하나의 요청으로 묶는다. [41:58]
- 기본 Horizon 헤더와 비어 있는 푸터, 기본 형태에 가까운 상품 페이지에는 브랜드 맞춤화가 더 필요하다. [42:24]
- 규모가 작고 서로 연관된 수정은 개별 요청 대신 하나의 대량 프롬프트로 처리해 흐름을 단순화한다. [42:34]
22. 헤더·푸터 연동과 탐색 구조 개선
- 정책 링크는 Shopify 관리자에서 정책을 먼저 작성하면 별도의 테마 수정 없이 푸터에 자동으로 나타난다. [42:55]
- 헤더에 브랜드 로고와 홈·카탈로그·문의 링크를 추가하고 푸터 디자인을 개선해 탐색성과 완성도를 높인다. [43:24]
- 디자인과 어울리지 않는 상단 배너를 제거 대상으로 정하고 화면을 복잡하게 만드는 왼쪽 페이지 링크를 재구성한다. [43:44]
- 홈·카탈로그·문의 링크를 햄버거 메뉴 안으로 옮겨 헤더를 단순화하고 필요할 때만 전체 목록을 펼치게 한다. [44:09]
23. 상품·카탈로그·문의 페이지 마감과 테마 업로드
- 상품 페이지의 흩어진 이미지를 슬라이드쇼로 바꿔 여러 이미지를 순서대로 탐색하고 상품 정보에 집중할 수 있게 한다. [44:30]
- 상단 배너를 제거하고 햄버거 메뉴를 배치하면서 메뉴 안에서도 상품을 확인할 수 있도록 접근성을 유지한다. [44:38]
- 카탈로그에는 배너와 상품 목록을, 문의 페이지에는 별도 배너와 연락 양식을 배치해 일관된 브랜드 경험을 만든다. [44:57]
- 디자인 수정 후 라이브 테마 게시를 요청하고 Claude Code가 반환한 명령을 기존 미리보기 PowerShell 세션에서 실행한다. [45:59]
- 명령을 실행하면 새 테마가 Shopify에 업로드되지만 즉시 공개되지는 않아 관리자 화면에서 마지막 수동 수정이 가능하다. [46:09]
24. Shopify 편집기의 수동 조정과 모바일 검증
- 업로드한 테마는 온라인 스토어 목록에서 열 수 있고 Claude Code로 제작했어도 일반 Shopify 테마 편집기를 그대로 사용한다. [46:46]
- 히어로 설정에서 문구를 삭제하거나 다시 입력하고 같은 방식으로 이미지를 교체할 수 있다. [47:15]
- 왼쪽 패널에서 섹션 순서를 끌어 바꾸면 홈페이지 구성이 즉시 변경되며 실행 취소로 되돌릴 수 있다. [47:29]
- 섹션 사이의 추가 버튼으로 새 구성 요소를 삽입해 AI 생성 이후에도 콘텐츠와 레이아웃을 직접 확장한다. [47:39]
- 모바일 미리보기에서 스토어가 모바일에 최적화됐는지 확인해 데스크톱과 모바일 환경을 함께 검증한다. [47:58]
25. 판매와 배송을 위한 기본 운영 설정
- 모든 페이지와 섹션을 데스크톱 및 모바일에서 확인하고 이상이 없으면 테마 변경 사항을 저장한다. [48:00]
- 스토어 이름을
Medics Fashion Store로 변경하고 Shopify Payments를 설정해 판매대금을 받을 준비를 한다. [48:28] - 예시에서는 특급 배송을 삭제하고 일반 배송을 10달러 이상 주문 시 무료 배송으로 변경한다. [49:11]
- 무료 배송의 예상 기간을 영업일 기준 5~8일로 설정하고 국제 배송을 하지 않는다면 해당 지역을 삭제한다. [49:34]
- 운영 지역을 미국으로 제한한 뒤 자동 활성화된 Shopify 세금 서비스의 징수 지역을 확인하고 불확실하면 전문가와 상의한다. [50:20]
26. 정책 페이지와 전문 도메인 구성
- 반품·환불 정책은 Shopify 템플릿으로 시작하되 반품 주소 같은 자리표시자를 실제 사업 정보로 교체한다. [51:14]
- 템플릿이 없는 배송 정책은 배송 조건과 대상 지역을 Claude에 전달해 초안을 만들고 실제 사업 조건에 맞게 검토한다. [51:45]
- 법적 고지 필요 여부는 사업에 따라 다르므로 적용 여부가 불확실하면 전문가의 판단을 받는다. [52:13]
- 장기 운영에는 기본 Shopify 주소보다 자체
.com도메인이 적합하며 기존 도메인을 연결하거나 Shopify에서 구매할 수 있다. [52:29]
27. 비밀번호 해제와 스토어 공개
- 설정을 마친 뒤 테마 편집 화면 하단에서 정책 페이지가 연결됐는지 확인하고 게시 절차를 시작한다. [53:09]
- 테마를 게시한 다음 스토어 비밀번호를 제거해 비공개 상태를 해제하고 누구나 접속할 수 있게 한다. [53:24]
- 공개된 스토어에서 Claude Code로 제작한 테마가 반영됐는지
View store를 눌러 최종 확인한다. [53:45] - 아직 Shopify 설정을 시작하지 않았다면 화면이나 영상 설명의 첫 번째 링크에서 스토어 개설 절차를 시작할 수 있다. [54:04]
🧾 결론
- Claude Code의 핵심 가치는 Shopify 테마 코드를 직접 다루지 않아도 자연어 요구사항을 실제 섹션과 페이지로 전환할 수 있다는 데 있다.
- 결과 품질은 AI에 모든 작업을 한 번에 맡기는 것보다 상품 데이터, 디자인 레퍼런스, 브랜드 자산, 단계별 승인과 반복 검수를 얼마나 잘 준비하느냐에 달려 있다.
- AI로 만든 테마도 Shopify의 기존 편집 체계와 호환되므로, 생성 이후 문구·이미지·섹션 순서와 구성 요소를 운영자가 계속 수정할 수 있다.
- 스토어 공개는 디자인 완성만으로 끝나지 않으며 결제, 배송, 세금, 정책, 도메인, 비밀번호 해제까지 포함하는 운영 준비 과정이다.
📈 투자·시사 포인트
- 생성형 AI와 상거래 플랫폼의 결합은 개발자 고용과 유료 테마에 의존하던 맞춤형 스토어 제작의 비용 및 기술 장벽을 낮춘다.
- 가치의 중심은 반복적인 코드 작성에서 상품 데이터 정리, 브랜드 방향 설정, 레퍼런스 큐레이션, 결과 검수와 운영 의사결정으로 이동할 가능성이 크다.
- 구축 속도가 빨라질수록 기술 구현 자체보다 실제 상품, 고유한 이미지, 신뢰할 수 있는 후기, 일관된 브랜드 경험이 스토어 차별화에 더 중요해진다.
- AI가 화면 제작을 자동화해도 Shopify 이용료와 Claude 구독료가 필요하고, 결제·배송·세금·법률 정책에 대한 판매자의 책임은 그대로 남는다.
⚠️ 불확실하거나 확인이 필요한 부분
- 영상에서 소개한 Shopify 무료 체험 및 3개월간 월 1달러 혜택은 가입 시점과 경로에 따라 달라질 수 있으므로 실제 결제 화면의 조건을 확인해야 한다.
- Claude Code와 Shopify CLI의 설치 명령은 Windows와 macOS가 다르므로, 자신의 운영체제에 맞는 최신 명령과 설치 결과를 각각 검증해야 한다.
- 예시 홈페이지의 고객 이름·후기 문구·이미지는 플레이스홀더이므로 공개 전에 실제로 사용할 수 있는 콘텐츠로 교체해야 한다.
- 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
- 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
- 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.
✅ 액션 아이템
- Shopify 계정과 Claude Pro 구독을 준비하고 Node.js·Git·Shopify CLI·Claude Code를 운영체제에 맞게 설치한다.
-
shopify version과 Claude Code 로그인을 확인해 CLI 설치 및 계정 인증이 정상적으로 끝났는지 검증한다. - 상품명·설명·이미지·가격·재고·변형 옵션을 등록하고 상품 탐색에 필요한 컬렉션을 만든다.
- 히어로·상품 진열·후기·브랜드 스토리·상품 페이지 레퍼런스와 로고 및 라이프스타일 이미지를 용도별 폴더에 정리한다.
❓ 열린 질문
- 강한 파랑·노랑 계열의 참고 디자인과 중립적인 로고·상품 이미지 중 어느 방향을 브랜드의 우선 시각 언어로 삼을 것인가?
- 고객 후기 영역에 사용할 실제 이름·문구·이미지를 어떤 방식으로 확보하고 검증할 것인가?
- 판매 대상 국가와 배송 지역, 무료 배송 최소 금액, 예상 배송 기간을 어떤 운영 기준으로 정할 것인가?