[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68a96d1e3ab08191a333708c5add5128","versionInt","title","Mbti Test App","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\n\nconst questions = [\n {\n text: \"새로운 사람을 만나는 게 즐겁다.\",\n type: \"E\",\n },\n {\n text: \"혼자 있는 시간이 필요하다.\",\n type: \"I\",\n },\n {\n text: \"현실적이고 구체적인 사실을 중시한다.\",\n type: \"S\",\n },\n {\n text: \"상상하고 가능성을 탐구하는 게 좋다.\",\n type: \"N\",\n },\n {\n text: \"논리와 사실에 따라 판단한다.\",\n type: \"T\",\n },\n {\n text: \"사람들의 감정을 중요하게 생각한다.\",\n type: \"F\",\n },\n {\n text: \"계획적이고 체계적인 것을 선호한다.\",\n type: \"J\",\n },\n {\n text: \"즉흥적이고 유연한 게 더 좋다.\",\n type: \"P\",\n },\n];\n\nexport default function MBTITest() {\n const [answers, setAnswers] = useState({ E: 0, I: 0, S: 0, N: 0, T: 0, F: 0, J: 0, P: 0 });\n const [current, setCurrent] = useState(0);\n const [result, setResult] = useState(null);\n\n const handleAnswer = (type) => {\n setAnswers((prev) => ({ ...prev, [type]: prev[type] + 1 }));\n if (current + 1 < questions.length) {\n setCurrent(current + 1);\n } else {\n calculateResult();\n }\n };\n\n const calculateResult = () => {\n const ei = answers.E >= answers.I ? \"E\" : \"I\";\n const sn = answers.S >= answers.N ? \"S\" : \"N\";\n const tf = answers.T >= answers.F ? \"T\" : \"F\";\n const jp = answers.J >= answers.P ? \"J\" : \"P\";\n setResult(ei + sn + tf + jp);\n };\n\n return (\n

\n \n \n {!result ? (\n

MBTI 테스트

{questions[current].text}

\n \n \n

\n ) : (\n

당신의 MBTI는...

{result}

\n )}\n \n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","12373472654014244825","traceTime",1776756629914]