AI로 조회수 108만 유형 테스트 만든 법 — Cursor + ChatGPT로 캐릭터 매칭 테스트 배포하기

AI 유형 테스트 제작기 시리즈 | 1편 — 전체 구조와 배포까지

 

트위터에 링크 하나 올렸는데 일주일 만에 조회수 108만이 찍혔어요.

리트윗 4,902회, 스크랩 1,511회. 구글 애널리틱스 보니까 활성 사용자 11만 명에 테스트 실행 이벤트는 192만 회였어요. 제가 만든 왕사남 캐릭터 유형 테스트 얘기예요.

코딩을 잘 해서가 아니에요. 구조를 먼저 잡고, ChatGPT로 내용을 채우고, Cursor에서 파일 딱 2개만 수정한 거예요. 이 시리즈에서 그 전체 과정을 공개할게요.

 

왕사남 캐릭터 유형 테스트  X(트위터) 배포 결과

 

https://x.com/cherryplan2/status/2025447196511072316?s=20

X의 체리플랜🍒님(@cherryplan2)

 

 

 

 

---

유형 테스트, 어떻게 만드는 건데요?

핵심은 하나예요. 질문을 많이 쓰는 작업이 아니라, 구조를 먼저 만드는 작업이에요.

처음에 저도 "어떤 질문 10개 만들지?"부터 고민했어요. 그런데 그렇게 만들면 질문이 여기저기 퍼지고,

결과가 납득이 안 돼요. 결과에 대한 납득도가 낮으면 공유가 안 일어나요.

구조를 먼저 고정하고 나서 질문을 채우는 순서로 바꿨더니 완전히 달랐어요.

---

실제로 어떻게 만들었냐면

1단계: 구조 먼저 고정해요

제가 처음 한 일은 질문을 만드는 게 아니었어요. 화면 흐름을 먼저 정했어요.

 

intro → question(10문항) → loading → result

이 흐름을 고정해두면 주제가 바뀌어도 계속 재사용할 수 있어요.

점수 구조도 미리 설계했어요.

• 감정 그룹 4개
• 각 그룹에 캐릭터 2명씩 배치
• 질문은 보기 4개
• 마지막 문항만 가중치 2점

이 틀을 먼저 만든 뒤에야 질문을 작성했어요.

2단계: 상황을 한 문장으로 고정해요

왕사남 테스트는 "친구들과 모험을 떠난 상황"으로 고정했어요. 모든 질문이 이 상황 안에서만 나와요.

 

 

❌ "나는 감성적인 사람이다"
⭕ "위기 상황에서 나는?"

상황이 구체적일수록 결과에 대한 납득도가 올라가고, 납득도가 올라야 공유가 생겨요.

3단계: ChatGPT로 초안 만들기

질문 10개, 보기 4개, 결과 캐릭터 해석까지 ChatGPT에 조건을 명확히 적어서 초안을 받았어요.

• 문항 수 지정
• 보기 개수 지정
• 제외할 요소 지정 (연애 등)
• 톤 지정

AI가 80%를 만들어주고, 제가 20%를 다듬는 구조예요. 세계관과 어긋나는 표현, 너무 길어진 문장, 캐릭터 해석이 모호한 부분만 손봤어요.

4단계: Cursor에서 파일 딱 2개만 수정해요

제가 실제로 수정한 파일은 두 개예요.

• questions.ts
• results.ts

로직은 그대로 두고 데이터만 교체했어요. 코드를 새로 짤 필요가 없어요.

5단계: Vercel로 배포

 

 

bash

npm run build

Vercel에 연결하면 몇 분 안에 URL이 생겨요. 배포 후 반응 보면서 문구를 수정하고 구조를 다듬었어요.

왕사남 테스트 이후 같은 구조로 박지훈 필모 캐릭터 유형 테스트도 만들었어요. 거의 구조 재사용이라 시간이 훨씬 짧았어요.

 

 

5️⃣ Vercel로 바로 배포

---

솔직한 한계

이 방식이 다 쉬운 건 아니에요.

Cursor나 VSCode를 한 번도 써본 적 없으면 처음에 환경 설정에서 막혀요. npm install 명령어가 낯선 분들은 별도 가이드가 필요해요. (이건 이후 편에서 따로 정리할게요.)

그리고 ChatGPT 초안 퀄리티는 프롬프트 품질에 따라 달라요. 조건을 대충 넣으면 대충 나와요. 2화에서 실제 사용하는 프롬프트 전체 공개할게요.

---

마무리: 구조가 자산이에요

유형 테스트 하나 만드는 게 목표가 아니에요. 구조를 한 번 잡아두면 아이돌 테스트, 드라마 테스트, 웹툰 테스트까지 같은 방식으로 계속 만들 수 있어요.

왕사남 테스트 108만 조회수는 운이 아니에요. 납득 가는 결과 문구, 공유하고 싶게 만든 한 줄 카피, 그리고 구조에서 나온 거예요.

---

다음 포스팅 : 2편 — 원샷 프롬프트 전체 공개 + 인원 수 달라도 자동 대응되는 주제 선정법

 

https://cherrycoding0.tistory.com/10

2화. 유형 검사 주제 선정과 프롬프트 사용법 #CURSOR #챗GPT