내로남불 성향 테스트 앱 – 기획 & 개발 마스터 프롬프트 정리

이번 글에서는 내가 처음 만드는 앱, “내로남불 판독기”의 기획 방향과 실제 개발에 투입할 마스터 프롬프트를 정리한다.
앱 개발 경험이 전혀 없는 상태에서도 AI와 협업하면 단일 HTML 파일 형태로 완성 가능한 구조이며, 향후 Android 앱(WebView)로 확장도 가능하다.

[contents]

1. 앱 개요

내로남불 성향을 가볍고 재미있게 측정하는 캐주얼 앱이다. 한국에서 많이 사용되는 ‘내로남불(내가 하면 로맨스, 남이 하면 불륜)’ 밈을 소재로 삼아, 직장인/학생 등 사용자 그룹별 질문을 제공하고 점수에 따라 등급과 닮은꼴 인물을 보여주는 구조다.

디자인 컨셉
– 카툰풍 캐릭터 & 배경
– 밝고 웃긴 UI
– 노란색·주황색 중심의 메인 컬러 + 파란색 포인트
– 둥근 버튼, 명확한 가독성

2. 전체 기능 구조

화면	설명
시작 화면	앱 제목 + 카툰형 로고 + 시작 버튼
사용자 구분	직장인 / 학생 중 선택 (1차 버전은 직장인만 실제 로직 구성)
질문 화면	총 10문항 / 무작위(Shuffle) / 진행바
로딩 화면	3초간 분석 애니메이션
결과 화면	점수, 등급, 설명, 닮은꼴 인물, 공유 버튼

📊 진행바(Progress Bar) 개념 그래프

위 그래프는 70% 진행된 상태를 SVG로 표현한 예시이며, 실제 앱에서도 유사한 방식으로 렌더링된다.

3. 직장인 질문 데이터

총 10개이며, 앱에서는 매 실행 시 랜덤으로 섞여서 표시된다.

#	질문
1	(나) 지하철 고장으로 10분 지각한 건 이해받아야 한다.
2	(남) 동료가 지각하면 미리 대비했어야 한다.
3	(나) 내가 뉴스/주식을 보는 건 리프레시 목적이다.
4	(남) 동료의 딴짓은 월급 도둑이다.
5	(나) 내가 회의 때 말을 많이 하는 건 팀을 위한 거다.
6	(남) 동료가 말을 많이 하면 시간 낭비다.
7	(나) 내가 칼퇴하는 건 합리적 권리다.
8	(남) 동료의 칼퇴는 책임감 부족이다.
9	(나) 보고서 오타는 인간적 실수다.
10	(남) 오타는 기본기 부족이다.

4. 점수 계산 & 내로남불 등급

● 점수 규칙

A: “완전 내 얘기” → +10점
B: “보통/상황 봐서” → +5점
C: “절대 아님” → +0점

● 결과 등급

점수	등급	설명	닮은꼴
0~20	청정수 1급수	내로남불 유전자 없음	간디
21~40	눈치 빠른 얌체	균형 잡힌 사고	제갈량
41~60	선택적 합리화 장인	급하면 나 위주	아이언맨
61~80	프로 내로남불러	숨 쉬듯 기준 변경	놀부
81~100	내로남불의 신	모든 게 본인 중심	폭군 네로

5. 마스터 프롬프트 (AI 개발용)

아래 문구를 ChatGPT·Claude·Cursor 등에 붙여넣으면 단일 파일로 실행 가능한 index.html을 AI가 자동 생성해 준다.

너는 지금부터 구글 플레이스토어 1위를 목표로 하는 전문 웹 앱 개발자야.
HTML, CSS, JavaScript를 사용하여 '단일 파일(index.html)'로 실행 가능한 '내로남불 성향 테스트 앱'을 만들어줘.

(중략 — 전체 프롬프트 그대로 유지)

결과 화면에는 광고 배너가 들어갈 회색 박스를 배치해줘.

6. 앱 개발 흐름 요약 (비전문가도 그대로 따라 가능)

단계	설명
1. 프롬프트 입력	ChatGPT/Claude에게 위 마스터 프롬프트를 붙여넣는다.
2. 코드 생성	AI가 단일 HTML 코드(index.html)를 만들어 준다.
3. 파일 저장	메모장 → index.html 로 저장 → 더블 클릭하여 실행
4. 테스트	모바일 크롬에서 열어 UI 확인
5. 플레이스토어 출시 준비	WebView 기반 앱 패키징 후 등록

7. 다음 글 예고

다음 글에서는 실제 앱 실행 화면 구성(와이어프레임)을 만들고, 카툰풍 UI 컬러셋과 로고 초안을 디자인하는 과정을 다룰 예정이다.