TestResult:자존감: Difference between revisions

VisualWikitext

Latest revision as of 05:53, 28 June 2025

당신의 자존감 검사 결과: 점

자존감 점수 분포 (7점 단위)

@@ Line 1: / Line 1: @@
+'''당신의 자존감 검사 결과: {{#urlget:score}}점'''
+<html lang="ko">
+<head>
+  <meta charset="UTF-8" />
+  <title>자존감 점수 분포 (7점 단위)</title>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <style>
+    #chart-container {
+      width: 100%;
+      height: 300px; /* 원하는 높이 설정 */
+      max-width: 700px; /* 최대 너비 제한(선택적) */
+      margin: auto; /* 가운데 정렬(선택적) */
+    }
+  </style>
+</head>
+<body>
+  <div id="chart-container">
+    <canvas id="barChart7pt"></canvas>
+  </div>
+  <script>
+    const urlParams = new URLSearchParams(window.location.search);
+    const selectedRange = urlParams.get('range');
+    const labels = ["0~30", "31~37", "38~44", "45~51", "52~58", "59~65", "66~72", "73~79", "80~86", "87~93", "94~100"];
+    const dataValues = [2, 15, 61, 182, 419, 744, 1003, 1038, 817, 492, 228];
+    const backgroundColors = labels.map(label => label === selectedRange ? '#f9e16b' : '#ededed');
+    const ctx = document.getElementById('barChart7pt').getContext('2d');
+    const chart = new Chart(ctx, {
+      type: 'bar',
+      data: {
+        labels: labels,
+        datasets: [{
+          label: '자존감 점수 구간별 빈도',
+          data: dataValues,
+          backgroundColor: backgroundColors,
+          borderWidth: 1,
+          borderColor: '#cccccc'
+        }]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false, // 핵심 옵션
+        plugins: {
+          title: {
+            display: true,
+            text: '자존감 점수 분포'
+          },
+          legend: { display: false },
+          tooltip: {
+            callbacks: {
+              label: function(context) {
+                return `빈도: ${context.parsed.y}`;
+              }
+            }
+          }
+        },
+        onClick: (evt, elements) => {
+          if (elements.length > 0) {
+            const index = elements[0].index;
+            const range = labels[index];
+            const freq = dataValues[index];
+            alert(`점수 구간: ${range}\n빈도: ${freq}`);
+          }
+        },
+        scales: {
+          x: {
+            title: { display: true, text: '점수 구간' }
+          },
+          y: {
+            display: false,
+            grid: { display: false },
+            ticks: { display: false },
+            title: { display: false }
+          }
+        }
+      }
+    });
+  </script>
+</body>
+</html>
+== '''자존감 검사 결과: {{#urlget:score}}점''' ==
+{{#if:{{#urlget:score|}}|
+  {{#ifexpr: ({{#urlget:score}} >= 0) and ({{#urlget:score}} <= 58) |
 자존감이 낮은 편입니다. "다른 사람들에 비하면 나는 부족한 점이 많은 것 같아" 라고 생각하고 있나요? 항상 스스로를 낮추고 다른 사람들을 빛나게 해주는 당신. 다른 사람들에게는 칭찬도 잘하고 축하도 잘하면서 자신에게는 그러기가 쉽지 않죠. 이 세상 최고의 겸손왕인 당신은 스스로에게 가장 엄격해요. 자기자신에게 조금 더 관대해져 보면 어떨까요? 그리고 팀플이나 협업을 할 때 너무 양보만 하는 것은 좋지 않다는 사실도 꼭 기억해주세요. 이 험한 세상, 당신마저 당신편이 되지 않는다면 당신은 얼마나 외로울까요? 고정관념에서 한 발자국 떨어져 있는 그대로의 나를 바라보고 칭찬해주면 어떨까요? 우선 오늘은 당신의 겸손함부터 칭찬해봅시다. 식물을 키우듯 나를 사랑하는 마음을 정성을 다해 키워봅시다. 다른 사람을 배려하는 것도 좋지만 오늘부터 바로 내가 나를 멋지게 응원해 보자구요!
@@ Line 4: / Line 91: @@
 자존감이 낮은 겸손양들은 ‘나 자신’보다 ‘타인’의 시선에 더욱 신경을 쓰게 되는 경향이 있게 마련입니다. 앵글의 초점을 ‘나’에게 좀 더 맞춰주세요. 그리고 격려해주세요. 이러한 일기장이 한 해 두 해 쌓이다 보면 어느새 자존감 부자가 되어 있는 여러분들을 발견하게 될 거예요. 두려움을 버리고 오늘부터 한번 시작해보세요!
+| }}
+}}