← 자료실 홈
직접 코딩 0% — CLAUDE CODE로 진짜 서비스 만들고 배포·운영까지

2장 프롬프트 모음 · Claude 웹으로 워밍업

각 프롬프트는 원고의 해당 절에 수록된 원문 그대로입니다. [복사] 버튼으로 그대로 붙여 넣어 실습할 수 있습니다.

2.1 개인화 설정 — AI의 동작 방식 정의하기 Claude 지침 설정
설정 → 일반(프로필) → Claude 지침
저는 프로그래밍을 전혀 모릅니다. 항상 한국어로 대답해 주세요. 전문 용어를 쓸 때는 쉬운 설명을 함께 달아주세요. 대답은 간결하게 해주세요.
2.2 아티팩트 — 웹페이지와 차트를 즉시 생성하는 기능 맛보기
새 아티팩트 → "앱 및 웹사이트"
이름, 직업, 연락처, 소개 문구를 입력하면 세련된 디지털 명함 이미지를 만들어주는 웹페이지를 만들어줘. 결과는 다운로드 가능한 카드 형태로 보여줘.
2.4 [실습] AI 명함 생성기 제작 1단계 — 말하기
아티팩트 → "앱 및 웹사이트" 새로 만들기
디지털 명함 생성기 웹페이지를 만들어줘. 요구사항: 1. 입력 항목: 이름, 직업(소속), 이메일, 전화번호, 소개 문구 2. 테마 색상을 선택할 수 있게 (최소 5가지) 3. 입력하면 오른쪽(또는 아래쪽)에 명함 미리보기가 실시간 표시 4. 명함 디자인: 깔끔하고 모던한 카드 스타일 5. "PNG로 다운로드" 버튼 포함 6. 모바일에서도 보기 좋게 반응형으로 7. 한국어로 만들어줘 ★ 완성 조건 (전부 충족해야 완성): - 입력 항목(이름, 직업, 이메일, 전화번호, 소개)을 모두 입력할 수 있을 것 - 테마 색상을 바꾸면 명함 미리보기에 즉시 반영될 것 - "PNG로 다운로드" 버튼을 누르면 실제 이미지 파일이 저장될 것 - 모바일 화면(375px)에서 입력 폼과 미리보기가 겹치지 않을 것 - 이름만 입력하고 나머지를 비워도 에러가 나지 않을 것
2.4 [실습] AI 명함 생성기 제작 3단계 — 통제하기
디자인 분위기 변경 요청 (예시)
명함이 밝고 따뜻한 분위기였으면 좋겠어. 보는 사람이 자연스럽게 미소 지을 수 있도록 귀엽고 사랑스러운 카피바라 이미지가 들어가면 좋겠어.
정보 수정 · 기능 개선 요청
다음의 3가지 작업을 수행해줘. 작업 1: 명함 정보를 다음으로 바꿔줘: - 이름: "민수" - 직업: "마케팅 매니저 | 영진 ABC 컴퍼니" - 이메일: "minsu@yj-abc.com" - 전화번호: "010-XXXX-XXXX" - 소개: "브랜드 성장을 설계합니다" 작업 2: "PNG로 다운로드" 메뉴가 동작하는지 확인하고, 동작하지 않으면 명함이 PNG 파일로 다운로드되도록 수정해줘. 작업 3: 명함 하단에 QR 코드 자리를 추가해줘. LinkedIn URL 혹은 SNS 링크를 입력하면 QR 코드가 자동 생성되게 해줘.
※ 수정 후에는 2단계의 확인 항목을 처음부터 다시 검증합니다. QR 코드는 다운로드한 PNG를 스마트폰 카메라로 직접 스캔해 확인합니다.
2.5 [실습] 오늘의 한 줄 영감 카드 1단계 — 말하기
아티팩트 → "앱 및 웹사이트" 새로 만들기
오늘의 한 줄 영감 카드 웹페이지를 만들어줘. 요구사항: 1. 카테고리 선택 버튼 3개: "동기부여", "동양고전", "직장인을 위한 조언" 2. 각 카테고리마다 최소 20개씩 명언을 자동으로 미리 채워줘 (사용자가 직접 입력하지 않아도 바로 쓸 수 있게) 3. "새 카드" 버튼을 누르면 선택된 카테고리 안에서 무작위로 하나를 카드 위에 표시 4. 카드 디자인: 큰 따옴표, 중앙 정렬 문구, 하단에 작은 글씨로 저자/출처 5. 카드 배경: 카드가 바뀔 때마다 다른 밝은 색의 파스텔 그라데이션이 자동 적용 6. "오늘의 카드" 모드 토글 — 켜면 같은 날짜에는 항상 같은 카드가 표시 7. "PNG로 저장" 버튼과 "카카오톡으로 공유" 버튼 포함 8. 모바일에서도 보기 좋게 반응형으로 (375px), 한국어로 만들어줘 ★ 완성 조건 (전부 충족해야 완성): - 페이지를 열자마자 별도 입력 없이 바로 카드 한 장이 표시될 것 - 카테고리 3종(동기부여 / 동양고전 / 직장인을 위한 조언)이 모두 선택 가능할 것 - 카테고리를 바꾸면 해당 분야의 문구만 나올 것 - "새 카드" 버튼을 누를 때마다 같은 카테고리 안에서 다른 문구가 나올 것 - 배경 그라데이션이 카드가 바뀔 때마다 자연스럽게 함께 바뀔 것 - "오늘의 카드" 모드에서는 같은 날 새로고침해도 항상 같은 카드가 나올 것 - "PNG로 저장" 버튼을 누르면 문구·저자·배경이 모두 포함된 이미지 파일이 저장될 것 - 모바일 화면(375px)에서 문구가 카드 밖으로 넘치거나 잘리지 않을 것
2.5 [실습] 오늘의 한 줄 영감 카드 3단계 — 통제하기
디자인 분위기 변경 요청 (예시)
오래된 종이에 만년필로 적은 것 같은 빈티지 분위기로 바꿔줘. 배경은 누런 종이 질감, 글씨는 손글씨 같은 세리프 폰트, 카드 네 귀퉁이에는 살짝 그늘진 효과를 넣어줘.
기능 개선 요청
다음의 3가지 작업을 수행해줘. 디자인 컨셉을 유지하면서 수정 사항을 반영해줘. 작업 1: 카테고리를 하나 더 추가해줘: "하루를 여는 짧은 시(詩)". 이 카테고리에도 한국·동아시아 시인들의 짧은 시구절을 20개 정도 자동으로 채워줘. 작업 2: 카드가 바뀔 때 부드럽게 페이드인 되는 애니메이션을 넣어줘. 문구의 분위기에 어울리는 작은 아이콘(별, 새싹, 햇살 등)이 카드 상단에 함께 표시되게 해줘. 작업 3: 카드 하단에 "오늘 받은 카드 모아보기" 버튼을 추가해줘. 한 번 본 카드는 작은 썸네일 목록으로 쌓이게 해주고, 썸네일을 누르면 그 카드를 다시 크게 볼 수 있게 해줘.
※ 수정 후 반드시 2단계의 확인 항목을 처음부터 다시 검증합니다. 동작하지 않는 카카오톡 공유 버튼은 화면에서 제거를 요청합니다.
문구 보강 · 응용 요청 (예시)
동기부여 카테고리에 30개 더 추가해줘.
동양고전은 논어·노자·장자 위주로 다시 골라줘.
2.6 '대화하기'의 한계와 다음 단계 한계 체험 실험
시나리오 1 — 로컬 파일 접근의 벽
내 바탕화면에 있는 매출 엑셀 파일 12개를 합쳐서 연간 보고서를 만들어줘.
시나리오 2 — 데이터 저장의 벽
명함 생성 결과를 저장해서 통계를 보여주는 기능을 추가해줘.
직접 확인용 요청
내 바탕화면에 있는 파일 목록을 보여줘.
이 작업을 매일 오전 9시에 자동으로 실행해줘.
※ 이 절의 요청들은 "되는 것"을 만들기 위한 프롬프트가 아니라, Claude 웹의 구조적 한계(파일 접근·일괄 처리·저장·연결)를 직접 확인하기 위한 실험용입니다.