쿠팡파트너스 상품 비교표는 은근히 귀찮습니다. 상품명 복사하고, 가격대 적고, 장단점 나누고, 마지막에 추천 문구까지 붙이면 글 하나 쓰기 전에 힘이 빠지거든요.
오늘은 Claude Code로 상품 링크 3개를 넣으면 바로 비교표 HTML이 나오는 작은 파이프라인을 만들어볼 겁니다. 첫 결과는 5분 안에 봐야 합니다. 멋진 앱까지 욕심내면 시작도 전에 지칩니다.
완성되면 이런 식입니다. 노트북 거치대 3개를 넣으면 가격대, 추천 대상, 장점, 아쉬운 점, 블로그에 붙일 문구가 한 번에 나옵니다. 이거 하나 있으면 쿠팡파트너스 글 초안 속도가 꽤 빨라져요.
준비물은 Claude Code 하나면 됨
이번 편은 Claude Code만 씁니다. Codex랑 같이 쓸 필요 없습니다. 하나만 골라서 끝까지 가는 게 덜 헷갈립니다.
Claude Code는 프로젝트 안의 CLAUDE.md를 읽고 작업 규칙을 기억합니다. 이 기능만 쓸 겁니다. 여러 기능을 다 펼치면 글이 산으로 가니까요.
폴더 하나를 만들고 그 안에 파일 2개만 준비하면 됩니다. CLAUDE.md는 말투와 금지어를 고정하는 메모, products.txt는 상품 링크와 짧은 메모를 넣는 종이입니다.
1
작업 규칙부터 박아두기
AI에게 보낸 프롬프트
이 폴더에 쿠팡파트너스 상품 비교표 생성기를 만들 거야. 먼저 CLAUDE.md 파일을 만들어줘. 규칙은 이거야.
- 결과는 블로그에 붙일 수 있는 HTML로 만든다
- 상품은 3개만 비교한다
- 과장 표현 금지: 최저가, 무조건, 인생템, 역대급
- 표에는 상품명, 가격대, 추천 대상, 장점 2개, 아쉬운 점 1개, 한 줄 추천을 넣는다
- 문체는 친구한테 알려주는 말투로 담백하게
- 이모지 쓰지 않기
왜 이렇게 시켰나: 이거 안 넣으면 AI가 쇼핑몰 광고 문구처럼 씁니다. 쿠팡파트너스 상품 비교표는 믿을 만해 보여야 클릭이 나와요.
이렇게 나오면 OK. CLAUDE.md 안에 표 형식, 금지어, 말투가 들어가 있으면 됩니다. 여기서 이렇게 하면 안 돼요. 처음부터 크롤링, 자동 업로드, 수익 추적까지 다 시키면 첫 결과가 늦어집니다.
2
상품 3개만 넣고 첫 표 뽑기
AI에게 보낸 프롬프트
products.txt 파일을 만들고 아래 예시를 넣어줘.
1. 노트북 거치대 A
링크: 여기에 내 쿠팡파트너스 링크 붙이기
메모: 접이식, 1만 원대, 휴대용
2. 노트북 거치대 B
링크: 여기에 내 쿠팡파트너스 링크 붙이기
메모: 알루미늄, 2만 원대, 집 책상용
3. 노트북 거치대 C
링크: 여기에 내 쿠팡파트너스 링크 붙이기
메모: 높이 조절, 3만 원대, 목 아픈 사람용
그리고 products.txt를 읽어서 comparison.html 파일을 만들어줘. 지금은 실제 가격 조회하지 말고, 내가 적은 메모만 써서 비교표를 만들면 돼.
왜 이렇게 시켰나: 처음부터 실제 가격을 가져오려고 하면 API나 크롤링에서 막힐 수 있습니다. 우리는 먼저 쿠팡파트너스 상품 비교표 모양부터 봅니다. 몰라도 괜찮아 그냥 붙여넣어.
이렇게 나오면 OK. comparison.html을 열었을 때 상품 3개가 가로로 보이고, 추천 대상이 딱 나뉘면 됩니다. 여기서 이렇게 하면 안 돼요. 링크만 10개 넣고 알아서 고르라고 하면 결과가 흔들립니다.
3
복붙용 문구까지 붙이기
AI에게 보낸 프롬프트
comparison.html 아래에 블로그용 문구 3개를 추가해줘.
1. 글 첫 문단에 넣을 짧은 도입문
2. 비교표 아래에 넣을 선택 가이드
3. 마지막에 넣을 쿠팡파트너스 고지 문구
문구는 너무 광고처럼 쓰지 말고, 실제로 써본 사람이 비교해주는 느낌으로 써줘. CLAUDE.md의 금지어는 그대로 지켜.
왜 이렇게 시켰나: 표만 있으면 글이 좀 딱딱합니다. 도입문과 선택 가이드가 붙으면 블로그에 바로 붙이기 쉬워져요.
이렇게 나오면 OK. 도입문이 2~3문장이고, 선택 가이드가 “휴대용이면 A, 책상 고정이면 B”처럼 바로 판단되면 됩니다. 여기서 이렇게 하면 안 돼요. “구매하세요” 같은 직진 문구를 넣으면 글 신뢰도가 떨어집니다.
4
보기 불편한 부분만 콕 집어서 수정
AI에게 보낸 프롬프트
comparison.html에서 표가 모바일에서 너무 좁아 보이면 카드형으로 바꿔줘. 데스크톱에서는 3개 카드가 나란히 보이고, 모바일에서는 세로로 쌓이게 해줘. 내용은 바꾸지 말고 CSS만 수정해.
왜 이렇게 시켰나: 수정은 좁게 시켜야 합니다. “예쁘게 해줘”라고 하면 색, 문구, 구조를 한꺼번에 바꿔버리는 경우가 있거든요.
이렇게 나오면 OK. PC에서는 세 칸, 휴대폰에서는 한 칸씩 내려오면 됩니다. 여기서 이렇게 하면 안 돼요. 문구까지 다시 써달라고 섞으면 이전에 괜찮았던 표현이 망가질 수 있습니다.
5
마지막 검수 한 번만 시키기
AI에게 보낸 프롬프트
comparison.html을 검수해줘. 아래 4가지만 확인해.
- 쿠팡파트너스 상품 비교표로 바로 블로그에 붙일 수 있는지
- 과장 표현이 섞였는지
- 모바일에서 읽기 불편한 문장이 있는지
- 상품 3개 추천 기준이 서로 겹치지 않는지
문제가 있으면 파일을 직접 고치고, 고친 이유를 짧게 알려줘.
왜 이렇게 시켰나: 검수까지 같은 도구에 맡겨도 됩니다. Claude Code는 파일을 보고 고칠 수 있으니까, 초보 입장에서는 이 방식이 편합니다.
이렇게 나오면 OK. “A는 휴대용, B는 책상용, C는 높이 조절용”처럼 추천 기준이 분리되면 됩니다. 여기서 이렇게 하면 안 돼요. 검수 프롬프트에 새 기능을 넣지 마세요. 검수는 말 그대로 고장 난 데만 보는 단계입니다.
여기서 막히는 사람 많음
현상: comparison.html을 열었는데 표가 비어 있습니다. 원인: products.txt에 상품명과 메모가 너무 짧거나 줄 구분이 깨졌을 수 있습니다. 해결: 상품마다 이름, 링크, 메모를 3줄로 나눠 적고 다시 시키면 됩니다. 링크는 진짜 링크가 아니어도 첫 버전에서는 괜찮습니다.
현상: 문구가 너무 광고처럼 나옵니다. 원인: Claude Code가 상품 비교글을 쇼핑몰 상세페이지처럼 받아들인 겁니다. 해결: CLAUDE.md에 “금지: 최저가, 강력 추천, 무조건, 역대급, 인생템”을 추가하고 새로 고쳐달라고 하세요. 이 한 줄이 꽤 세게 먹힙니다.
현상: 모바일에서 카드가 화면 밖으로 튀어나옵니다. 원인: 표 너비가 고정돼 있거나 긴 상품명이 줄바꿈되지 않는 경우가 많습니다. 해결: “CSS만 수정해서 모바일에서는 카드가 세로로 쌓이게 해줘”라고 다시 말하면 됩니다. 이건 외우지 말고 그냥 이렇게 해.
다음엔 가격 변동까지 붙이면 재밌다
한 걸음 더
오늘 만든 쿠팡파트너스 상품 비교표는 아직 수동입니다. 그래도 상품 3개를 넣고 HTML 비교표를 뽑는 흐름은 잡혔습니다. 이 정도만 돼도 블로그 글 하나 쓰는 시간이 확 줄어요.
다음에 붙일 만한 건 가격 변동 메모입니다. 매일 가격을 자동으로 가져오는 단계까지 가지 않아도, 내가 적은 가격이 바뀌었는지 체크하는 버튼만 붙이면 꽤 쓸 만해집니다.
쿠팡파트너스 상품 비교표는 거창하게 만들 필요 없습니다. 링크 3개 넣고, 비교 기준이 바로 보이면 그날 글감 하나는 생긴 겁니다.
