내로남불 지수 앱 — 전체 개발방향 & 준비사항 (초보 개발자용, 바이브 코딩 전제)

한줄 요약

한국에서 화제가 되는 ‘내로남불’ 성향을 가볍고 익살스럽게 측정해 주는 모바일 앱을 처음부터 만들려는 분을 위해,
완전 초보(바이브 코딩/노코드 선호) 관점에서 추진 방향, 핵심 기능, 데이터·질문 설계, 화면/디자인, 기술 선택지, 런칭 준비 체크리스트까지 단계별(마일스톤)으로 정리했습니다.

앱 핵심 기능(요구사항)

  • 사용자 분류별(성별·직업군 등) 맞춤형 질문 제공
  • 질문 응답을 기반으로 5~6개 지표(예: 일관성, 공감대, 이중잣대, 상황의존성, 방어성, 합리화성) 계산
  • 결과 화면: 지수값(시각화) + 성향 해설 + ‘나와 비슷한 유명 인물 5명’ (이름+사진)
  • 전체 디자인은 카툰/익살스런 캐릭터 & 배경
  • 공유 기능(스크린샷/링크) 및 간단한 사용자 피드백(별점·코멘트)

타깃 페르소나(예시)

페르소나 A — 직장인 남성 (25~35)

회사원, SNS 활발, 가볍게 결과 공유

  • 원하는 질문 스타일: 재치 있고 현실감 있는 상황형
  • 주요 기대치: 빠른 테스트(5~8분), 결과 공유 가능

페르소나 B — 대학생 여성 (19~25)

친구들과 놀이용으로 이용, 밈성향 선호

  • 원하는 질문 스타일: 유머러스·밈 참고
  • 주요 기대치: 캐릭터/사진이 귀여움

질문 & 지표 설계 (실전 예시)

단계: 사용자 프로필 → 질문 뭉치(카테고리) → 점수화 → 지표 매핑 → 결과 해석

질문 카테고리 예

카테고리 예시 상황형 질문(간략) 점수화 방식
규칙/원칙 “타인이 규칙 어겼을 때 엄격하게 말하는 편인가요?” 5점 리커트(전혀아님=1 ~ 매우그렇다=5)
상황 판단 “내가 유리하면 규칙을 해석해 바꿀 수 있다.” 역문항 포함
공감/이중잣대 “친구가 같은 행동을 하면 이해 가능한가요?” 중립값 처리(3점) 주의

지표(예시: 6개)

  1. 일관성 — 규칙 적용의 일관성
  2. 상황의존성 — 상황에 따라 기준을 바꾸는 경향
  3. 방어성 — 비판에 대한 방어적 반응
  4. 합리화 — 자기 행동 정당화 수준
  5. 공감성 — 타인의 사정에 대한 공감 능력
  6. 사회적 인식 — 사회적 규범 인지 수준

샘플 질문 세트(직장인 남성 대상, 8문항)

1. 동료가 약속을 어겼을 때, 공개적으로 지적한다. (1~5)
2. 상사가 같은 행동을 하면 넘어가준다. (1~5)
3. 친구가 곤란할 때 상황을 이해해준다. (1~5)
4. 나에게 유리하면 규칙을 유연하게 해석한다. (1~5)
5. 비판을 받으면 변명을 먼저 한다. (1~5)
6. 사회적 규범을 따르는 편이다. (1~5)
7. 내가 먼저 손해를 볼 상황이면 엄격해진다. (1~5)
8. 타인의 비슷한 실수는 관대하게 본다. (1~5)

→ 각 문항을 미리 매핑된 지표로 가중치 합산하여 최종 지수 산출

스코어링 예시(간단 알고리즘)

문항별로 지표 매핑(행렬) 후 표준화(0~100) 방식 권장

{
  /* 예: 문항 → 지표 가중치 (간단화) */
  "q1": {"일관성":1},
  "q2": {"일관성":-1,"상황의존성":1},
  "q3": {"공감성":1},
  "q4": {"합리화":1},
  ...
  /* 점수 합산 → min-max 정규화 → 0~100 지수 */
}

역문항(부정문)은 점수 반전 처리 필요: new_score = 6 – raw_score

데이터 모델(간단)

{
  "user": {
    "id": "uuid",
    "gender":"M/F/Other",
    "occupation":"student/employee/self-employed/retired/etc",
    "age_range":"20-29"
  },
  "responses": [
    {"q":"q1","score":4},
    {"q":"q2","score":2},
    ...
  ],
  "result":{
    "indices": {"일관성":72,"상황의존성":45,...},
    "personas":["직장인 남성_A"],
    "matched_celebrities":["name1","name2"...]
  }
}

유명 인물 매칭(설계 아이디어)

유명 인물은 미리 지표 값(또는 대표 프로필)을 수동으로 태깅해서 DB에 보관.

  1. 앱 내 사전(데이터베이스)에 유명인 50~200명에 대해 각 지표를 수동 태깅
  2. 사용자 지표와 유클리디안/코사인 유사도 계산 후 상위 5명 추출
  3. 사진은 저작권/퍼블릭 도메인 유무를 반드시 확인 — 안전하게는 퍼블릭 도메인/라이선스 확인된 이미지 사용
예시(디자인용 플레이스홀더):

※ 실제 배포 시에는 저작권(초상권 포함)에 각별히 유의하세요.

디자인 & UX 가이드라인

  • 전반 톤: 카툰·익살스러운 캐릭터, 소프트 컬러, 둥근 모서리
  • 질문은 한 화면당 1문항으로 작성(짧은 텍스트 + 진행바)
  • 결과 화면: 레이더/바차트(지표별 시각화) + 캐릭터 일러스트 + ‘비슷한 인물 보기’ 버튼
  • 소셜 공유: 이미지 스냅샷(내로남불 지수 카드)과 간단한 문장 템플릿 제공

간단한 와이어프레임(텍스트)

  1. 온보딩(한줄 소개 + 프로필 선택)
  2. 질문 진행 화면(질문+1~5 버튼+다음)
  3. 결과 요약 카드(숫자+한줄 코멘트)
  4. 세부 해석(지표별 설명) + 유명인 매칭
  5. 공유·피드백

기술 스택 제안 (입문자 친화 순)

방법 도구/서비스(예) 장점 비고
노코드 (빠른 MVP) Glide, Adalo, Bubble 개발 지식 거의 없이 프로토타입 제작 가능 커스터마이즈 한계, 외부 API 연동 가능
로우코드 FlutterFlow, AppGyver 디자인·애니메이션 제어력↑, 코드로 내보내기 가능 학습 곡선 존재
직접 개발(추천 이후 단계) Frontend: Flutter / React Native · Backend: Firebase (Auth, Firestore) 완전 커스터마이즈 가능, 확장성 우수 개발 학습 필요

초보라면 먼저 Glide 또는 Adalo로 프로토타입을 만든 뒤, 사용자 반응을 확인하고 로우코드/정식 개발로 이전하는 전략 권장.

개발(실행) 마일스톤 — 단계별 체크리스트

1. 컨셉 & 질문집 확정

  • 페르소나별 질문 40~60문항 초안
  • 지표 매핑 표(문항×지표 매트릭스)
  • 역문항 처리 규칙 문서화

2. 프로토타입 (노코드)

  • Glide/Adalo로 질문·결과 화면 구현
  • 간단한 스코어 로직(앱 내 계산) 확인
  • 친구 대상 내부 테스트

3. 디자인 & 콘텐츠

  • 캐릭터 일러스트(2~3종) 제작
  • 결과 문구(유머러스한 코멘트) 30개 작성

4. 정식 개발 & 데이터베이스

  • 백엔드(Firebase) 구조 설계
  • 유명인 DB 태깅

5. 베타 & 런칭

  • 소규모 오픈·버그 수정
  • 앱스토어 제출(또는 웹앱 배포)

테스트·윤리·법적 고려사항

  • 결과가 특정 개인·집단을 폄하하지 않도록 문구 검수
  • 유명인 사진 사용 시 초상권/저작권 확인(가능하면 퍼블릭 도메인 또는 크리에이티브 커먼즈 라이센스 확인)
  • 개인정보 최소 수집 원칙 적용 — 프로필은 필수로 묻지 않아도 됨(선택형)
  • 서비스 약관과 간단한 면책(엔터테인먼트 용이며 진단 아님) 명시

런칭 체크리스트 (MVP 기준)

항목 완료 여부 비고
질문집(페르소나별) 예/아니오 40문항 권장
노코드 프로토타입 예/아니오 Glide 등으로 구현
결과 텍스트 & 캐릭터 예/아니오 유머러스·비난X
저작권(사진) 정책 예/아니오 라이센스 확보
베타테스트(10~30명) 예/아니오 피드백 수집

초보자를 위한 추천 우선순위 — 무엇부터 시작할까?

  1. 아이디어 정리: 페르소나·질문 카테고리 확정
  2. 노코드 프로토타입 제작: Glide/Adalo로 흐름 확인
  3. 작은 베타: 주변 10~30명 대상 사용성 테스트
  4. 디자인 보강: 캐릭터(외주 또는 벡터 리소스) 확보
  5. 정식 개발 여부 결정: 이용자 반응에 따라 로우코드/네이티브 전환 고려

초반엔 ‘속도’와 ‘컨텐츠(질문+코멘트)’ 품질에 집중하세요. 기술은 두번째입니다.