ㅊ e: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “성공, 권력, 아름다움에 대한 환상에 자주 빠지나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “남들이 나를 끊임없이 칭찬해주고 우러러봐야 기분이 좋나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 특별 대우를 받을 자격이 당연히 있다고 생각하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나의 목적을 달성하기 위해 타인을 이용하는 것이 크게 문제되지 않나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “다른 사람의 감정이나 고통에 크게 공감이 가지 않을 때가 많나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “자주 다른 사람을 시기하거나, 남들이 나를 시기하고 있다고 믿나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 오직 나만큼이나 특별하고 높은 지위의 사람들만 이해할 수 있다고 보나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “거만하거나 고압적인 태도를 취한다는 이야기를 종종 듣나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “비판을 받으면 겉으로는 무시해도 속으로는 매우 화가 나거나 굴욕감을 느끼나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “사람들과 대화할 때 주로 내 이야기만 하고 싶어지나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “상대방의 말이 길어지면 지루함을 느끼고 말을 끊어버리나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “내 외모나 옷차림에 대해 남들이 어떻게 평가할지 과도하게 집착하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “규칙은 평범한 사람들을 위한 것이지, 나에게는 예외가 적용되어야 한다고 보나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “실패했을 때 내 탓이 아니라 환경이나 남 탓을 먼저 하게 되나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “타인의 성취를 보면 축하해주기보다는 깎아내리고 싶은 마음이 드나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “내가 원하는 것을 얻기 위해 거짓말을 하는 것이 정당하다고 느낄 때가 있나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “사람들이 나를 무시한다고 느끼면 복수하고 싶은 마음이 강하게 드나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “연인이나 친구 관계에서 상대방의 욕구보다 내 기분이 훨씬 더 중요한가요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 어떤 모임에서든 중심 인물이 되어야 직성이 풀리나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “내가 한 일보다 훨씬 더 크게 부풀려 말하는 경향이 있나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “동정심을 유발해서 상황을 내가 유리하게 조종해본 적이 있나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “내 의견에 반대하는 사람은 지능이 낮거나 감각이 없다고 생각하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “부하 직원이나 아랫사람을 대할 때 무시하는 말투를 자주 사용하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 사과하는 법을 잘 모르거나, 사과하는 것이 굴욕적이라고 느끼나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “내가 준 것은 크게 기억하고, 받은 것은 당연하게 여기나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “유명한 사람과 알고 지내는 것을 은근히 자랑하며 내 가치를 높이려 하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “남들의 문제나 고민을 들으면 ‘별것도 아닌데 유난 떤다’는 생각이 먼저 드나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 타고난 리더이며, 다른 사람들은 나를 따라야만 한다고 생각하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “SNS에 나의 화려한 모습이나 성취를 과시적으로 올리는 편인가요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “사람들이 나에게 고마워하지 않으면 화가 참을 수 없이 나나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “질문 공세를 퍼부어 상대방을 곤란하게 만드는 것이 즐겁나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “상대방을 칭찬할 때는 보통 나중에 무언가 부탁할 일이 있을 때인가요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “내 잘못을 지적받으면 상대방의 더 큰 잘못을 끄집어내어 반격하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 누구보다 소중하며, 내 권리를 위해서라면 남의 희생은 어쩔 수 없다고 보나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “가까운 사람들조차 나의 화려한 겉모습 이면의 진실을 알까 봐 불안할 때가 있나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나의 성공을 방해하는 사람이 있다면 수단과 방법을 가리지 않고 제거해야 하나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “사람들을 등급이나 수준에 따라 나누어 대우하는 것이 효율적이라 믿나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “나는 태어날 때부터 남다른 운명을 타고났다고 진심으로 믿나요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] }, { question: “이 테스트의 질문들이 나를 공격하고 있다고 느껴져 기분이 나쁜가요?”, options: [{ text: “전혀 아니다 (0)”, value: 0 }, { text: “거의 아니다 (1)”, value: 1 }, { text: “가끔 그렇다 (2)”, value: 2 }, { text: “자주 그렇다 (3)”, value: 3 }, { text: “매우 그렇다 (4)”, value: 4 }] } ]; // 2. DOM Elements Caching const elements = { quizContainer: document.getElementById(‘quiz-container’), resultContainer: document.getElementById(‘result-container’), resultText: document.getElementById(‘result-text’), resultDetails: document.getElementById(‘result-details’), titleElement: document.getElementById(‘title’), descriptionElement: document.getElementById(‘description’), instructionsElement: document.getElementById(‘instructions’), startButton: document.getElementById(‘startButton’), resetButton: document.getElementById(‘resetButton’), shareButton: document.getElementById(‘shareButton’), closeMessageButton: document.getElementById(‘closeMessageButton’), messageBox: document.getElementById(‘messageBox’), messageText: document.getElementById(‘messageText’) }; // 3. App State let appState = { currentQuestion: 0, score: 0, }; // 4. Message Box Handler function showMessage(text) { elements.messageText.innerText = text; elements.messageBox.classList.remove(‘hidden’); elements.messageBox.style.display = ‘block’; } function closeMessage() { elements.messageBox.classList.add(‘hidden’); elements.messageBox.style.display = ‘none’; } // 5. Quiz Start Function function startQuiz() { appState.currentQuestion = 0; appState.score = 0; elements.resultContainer.style.display = ‘none’; elements.startButton.style.display = ‘none’; elements.instructionsElement.style.display = ‘none’; elements.quizContainer.style.display = ‘block’; elements.titleElement.innerText = “자기애 지수 분석 중…”; elements.descriptionElement.innerText = “솔직한 답변이 정확한 결과를 만듭니다.”; renderQuestion(); } // 6. Question Rendering Function function renderQuestion() { if (appState.currentQuestion < quizData.length) { const q = quizData[appState.currentQuestion]; const questionHtml = ` `; elements.quizContainer.innerHTML = questionHtml; } else { showResult(); } } // 7. Answer Handling Function function handleAnswer(event) { const button = event.target.closest(‘.quiz-option-button’); if (button) { const value = parseInt(button.getAttribute(‘data-value’)); appState.score += value; appState.currentQuestion++; renderQuestion(); } } // 8. Result Display Function function showResult() { let result = null; const scoreRanges = [ { min: 0, max: 30, title: “🌸 따뜻한 공감형: 겸손의 미덕”, description: “자기애가 건강하며 타인을 진심으로 존중할 줄 압니다.”, details: `▶ **분석:** 나르시시스트와는 거리가 아주 멉니다. 자신을 사랑하되 남을 배려하는 균형이 매우 훌륭합니다.

▶ **조언:** 가끔은 자신을 좀 더 드러내고 자랑해도 괜찮습니다. 겸손함이 너무 과해 자신의 성취를 과소평가하지 마세요.` }, { min: 31, max: 70, title: “🦉 건강한 자기애형: 평균적인 리더”, description: “자존감이 높고 자기 주관이 뚜렷한 건강한 상태입니다.”, details: `▶ **분석:** 대부분의 현대인이 가진 수준입니다. 자신감은 있지만 타인의 감정을 무시할 정도는 아닙니다.

▶ **조언:** 성공에 대한 욕심이 타인에게 상처가 되지 않는지 가끔 돌아보는 여유만 있다면 완벽합니다.` }, { min: 71, max: 100, title: “🦁 자기 중심형: 나르시시즘 경계”, description: “자신에 대한 자부심이 강해 자칫 거만해 보일 수 있는 단계입니다.”, details: `▶ **분석:** 남보다 우월해 보이고 싶은 욕구가 강합니다. 비판에 예민하게 반응하거나, 무의식적으로 남을 무시할 때가 있습니다.

▶ **조언:** ‘나’만큼 ‘너’도 소중하다는 것을 기억하세요. 타인의 말에 경청하는 연습이 필요합니다.` }, { min: 101, max: 130, title: “🚨 위험 수준: 고위험 나르시시즘”, description: “자신을 과하게 특별하게 생각하며 주변 사람들을 힘들게 할 수 있습니다.”, details: `▶ **분석:** 타인을 도구화하거나 공감하지 못하는 경향이 짙습니다. 주변 인간관계가 반복적으로 단절되거나 갈등이 잦을 수 있습니다.

▶ **조언:** 진정한 우월함은 타인을 지배하는 것이 아니라 포용하는 데서 나옵니다. 자신의 내면의 취약함을 직면해보세요.` }, { min: 131, max: 160, title: “🆘 심각한 수준: 확고한 나르시시스트”, description: “본인의 성향으로 인해 사회적 관계와 내면이 심각하게 왜곡될 수 있습니다.”, details: `▶ **분석:** 자신에 대한 과대망상과 타인 착취적 성향이 매우 강합니다. 본인은 인지하지 못할 수 있으나 타인에게 큰 고통을 줄 가능성이 큽니다.

▶ **조언:** 전문가의 도움을 통해 공감 능력을 키우고, 자신의 진짜 모습을 찾아가는 심도 있는 자기 성찰이 절실히 필요합니다.` } ]; for (let i = 0; i < scoreRanges.length; i++) { if (appState.score >= scoreRanges[i].min && appState.score <= scoreRanges[i].max) { result = scoreRanges[i]; break; } } elements.quizContainer.style.display = 'none'; elements.resultContainer.style.display = 'block'; elements.titleElement.innerText = "나르시시스트 분석 결과"; elements.descriptionElement.innerText = "당신의 내면을 비추는 거울을 확인하세요."; elements.resultText.innerText = result.title; elements.resultDetails.innerHTML = `

나르시시스트 지수: ${appState.score}점 (최대 160점)

${result.description}

상세 분석:

${result.details.replace(/\n/g, ‘
‘)}

`; } // 9. Reset Function function resetToStartScreen() { elements.resultContainer.style.display = ‘none’; elements.instructionsElement.style.display = ‘block’; elements.startButton.style.display = ‘block’; elements.titleElement.innerText = “나르시시스트 성향 테스트”; elements.descriptionElement.innerText = “※ 혹시 당신도 자신을 과하게 사랑하고 있나요? 타인보다 나를 우선시하는 ‘나르시시스트’ 성향을 진단해 드립니다.”; } // 10. Share Function function shareResult() { const score = appState.score; let resultTitle = “”; if(score <= 30) resultTitle = "🌸 따뜻한 공감형"; else if(score <= 70) resultTitle = "🦉 건강한 자기애형"; else if(score <= 100) resultTitle = "🦁 자기 중심형"; else if(score <= 130) resultTitle = "🚨 고위험 수준"; else resultTitle = "🆘 심각한 수준"; const shareText = `나의 나르시시스트 테스트 결과는 '${resultTitle}'! 당신의 결과는?`; const shareData = { title: '나르시시스트 성향 테스트', text: shareText, url: window.location.href, }; const copyToClipboard = (text) => { const tempInput = document.createElement(‘textarea’); tempInput.value = text; document.body.appendChild(tempInput); tempInput.select(); document.execCommand(‘copy’); document.body.removeChild(tempInput); showMessage(‘테스트 결과 링크가 복사되었습니다!’); }; if (navigator.share) { navigator.share(shareData).catch((error) => { console.error(‘공유 실패:’, error); copyToClipboard(shareText + ‘ ‘ + window.location.href); }); } else { copyToClipboard(shareText + ‘ ‘ + window.location.href); } } // 11. Event Listeners elements.startButton.addEventListener(‘click’, startQuiz); elements.resetButton.addEventListener(‘click’, resetToStartScreen); elements.shareButton.addEventListener(‘click’, shareResult); elements.closeMessageButton.addEventListener(‘click’, closeMessage); elements.quizContainer.addEventListener(‘click’, handleAnswer); });

호구 성향 테스트: 나의 호구 지수는?