본문 바로가기
자유게시판

나의 성격 유형을 찾아서: MBTI 완벽 가이드

by godfeeling 2025. 2. 9.

MBTI는 Myers-Briggs Type Indicator의 약자로, 사람들의 성격을 16가지 유형으로 분류하는 심리학적 도구입니다. 이 테스트는 Katharine Cook Briggs와 Isabel Briggs Myers라는 두 심리학자에 의해 개발되었습니다. MBTI는 주로 개인의 성격 유형을 파악하고, 인간 관계나 직업 선택 등에서 더 나은 의사 결정을 돕기 위한 도구로 사용됩니다.

MBTI는 네 가지 주요 차원에서 성격을 구분합니다:

  1. 외향(E) vs 내향(I)
    • 외향(E): 에너지를 다른 사람들과의 상호작용에서 얻음. 사교적이고 외향적인 성격.
    • 내향(I): 에너지를 혼자만의 시간에서 얻음. 조용하고 내성적인 성격.
  2. 감각(S) vs 직관(N)
    • 감각(S): 현실적이고 구체적인 정보에 집중하며, 실용적이고 세부적인 것을 선호.
    • 직관(N): 미래의 가능성과 큰 그림에 집중하며, 추상적이고 이론적인 것을 선호.
  3. 사고(T) vs 감정(F)
    • 사고(T): 논리적이고 분석적인 결정을 내림. 객관적이고 공정한 판단을 중시.
    • 감정(F): 사람과 감정을 고려하여 결정을 내림. 인간 관계와 가치에 대한 감수성이 높음.
  4. 판단(J) vs 인식(P)
    • 판단(J): 계획적이고 조직적이며, 결정을 내리고 일을 마무리하는 것을 선호.
    • 인식(P): 유연하고 개방적인 태도를 가지며, 즉흥적이고 상황에 맞춰 행동하는 것을 선호.

이 네 가지 차원에서 각각의 두 가지 선택을 합쳐서 총 16개의 성격 유형을 만들어냅니다. 예를 들어, ESTJ(외향, 감각, 사고, 판단)나 INFP(내향, 직관, 감정, 인식) 같은 유형들이 있죠.

MBTI는 사람들의 기본적인 성향을 이해하는 데 도움을 줄 수 있지만, 모든 사람을 16가지 유형에 맞추는 것은 불완전할 수 있다는 점도 고려해야 합니다.

무료로 MBTI 테스트를 제공하는 사이트는 여러 곳이 있습니다. 몇 가지 추천드릴게요:

  1. 16Personalities (16personalities.com)
    이 사이트는 MBTI 테스트를 무료로 제공하며, 결과는 매우 상세합니다. 자신의 성격 유형을 알 수 있을 뿐만 아니라, 각 유형의 강점, 약점, 직업 추천, 인간관계 스타일 등을 상세히 설명해 줍니다.
  2. Psych Central (PsychCentral)
    Psych Central은 정신 건강과 관련된 다양한 테스트를 제공하는 사이트인데, MBTI 무료 테스트도 포함되어 있습니다. 약간의 기본적인 질문으로 빠르게 성격 유형을 파악할 수 있습니다.
  3. Truity (Truity)
    Truity에서는 무료로 MBTI와 유사한 성격 유형 테스트를 제공하며, 결과에 대한 자세한 분석도 제공합니다. 다양한 성격 유형을 이해하는 데 유용합니다.
  4. IDR Labs (IDR Labs)
    IDR Labs는 다양한 심리학적 테스트를 제공하는 사이트입니다. MBTI 유형 테스트 역시 무료로 이용할 수 있으며, 테스트 후 성격 유형에 대한 상세한 분석을 받을 수 있습니다.

이 외에도 많은 무료 MBTI 테스트 사이트가 있으니, 여러 개를 시도해 보며 자신에게 맞는 분석을 찾아보는 것도 좋습니다!

 

여기 MBTI 테스트를 위한 간단한 HTML 소스를 제공해 드릴게요. 이 소스는 사용자가 선택한 답변에 따라 MBTI 유형을 계산할 수 있도록 설계되어 있습니다. 이를 HTML, CSS, JavaScript로 구현할 수 있습니다.

MBTI 테스트

당신의 MBTI 유형은 입니다!

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MBTI 테스트</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f4f4f9;
        }

        .container {
            width: 80%;
            max-width: 600px;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }

        h1 {
            text-align: center;
            color: #333;
        }

        .question {
            margin: 15px 0;
        }

        label {
            font-size: 1.2rem;
            display: block;
            margin-bottom: 5px;
        }

        .answer-btn {
            display: block;
            width: 100%;
            padding: 10px;
            margin: 5px 0;
            font-size: 1.1rem;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .answer-btn:hover {
            background-color: #45a049;
        }

        .result {
            display: none;
            margin-top: 20px;
            font-size: 1.2rem;
            text-align: center;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>MBTI 테스트</h1>
        <div id="quiz">
            <div class="question">
                <label for="question1">1. 새로운 사람을 만날 때 더 에너지가 넘친다.</label>
                <button class="answer-btn" onclick="selectAnswer('E')">예</button>
                <button class="answer-btn" onclick="selectAnswer('I')">아니오</button>
            </div>
            <div class="question">
                <label for="question2">2. 계획을 세우기보다 즉흥적으로 행동하는 편이다.</label>
                <button class="answer-btn" onclick="selectAnswer('S')">예</button>
                <button class="answer-btn" onclick="selectAnswer('N')">아니오</button>
            </div>
            <div class="question">
                <label for="question3">3. 감정을 중요시하고, 사람들과의 관계를 중시한다.</label>
                <button class="answer-btn" onclick="selectAnswer('F')">예</button>
                <button class="answer-btn" onclick="selectAnswer('T')">아니오</button>
            </div>
            <div class="question">
                <label for="question4">4. 정해진 계획대로 일을 처리하는 것이 중요하다.</label>
                <button class="answer-btn" onclick="selectAnswer('J')">예</button>
                <button class="answer-btn" onclick="selectAnswer('P')">아니오</button>
            </div>
        </div>

        <div id="result" class="result">
            <h2>당신의 MBTI 유형은 <span id="mbti-result"></span>입니다!</h2>
        </div>
    </div>

    <script>
        let result = '';

        function selectAnswer(answer) {
            result += answer;

            // 모든 질문에 답했을 때
            if (result.length === 4) {
                document.getElementById('quiz').style.display = 'none';
                document.getElementById('result').style.display = 'block';
                document.getElementById('mbti-result').innerText = result;
            }
        }
    </script>
</body>
</html>

설명:

  • HTML: 4개의 질문을 제공합니다. 각 질문에 대해 '예' 또는 '아니오' 버튼을 클릭하면 선택된 답변이 처리됩니다.
  • CSS: 페이지 레이아웃과 스타일을 간단히 설정합니다.
  • JavaScript: 사용자가 선택한 답변을 추적하고, 모든 답변이 완료되면 MBTI 유형을 표시합니다.

동작:

  • 각 질문에서 "예" 또는 "아니오"를 선택하면 MBTI 유형을 나타내는 문자열(E, I, S, N, F, T, J, P)이 결합되어 최종 결과로 표시됩니다.
저작자표시

'자유게시판' 카테고리의 다른 글

돈이 되는 블로그를 시작할 때, 블로그 제목과 태그는 중요한 요소입니다.  (1) 2025.02.09
잃어버린 세계를 품은 '사과 도서관'  (3) 2024.12.15
'거의 유토피아적인 느낌이 들었습니다': StumbleUpon이 인터넷을 사용하는 방식을 개척한 방법  (4) 2024.12.15
'편견 기계': Google이 당신이 듣고 싶은 것을 알려주는 방법  (2) 2024.11.17
AI 조수들이 이름을 얻는 이상한 방법  (2) 2024.11.17

관련글

댓글

티스토리툴바