MBTI란 무엇인가?
MBTI는 "Myers-Briggs Type Indicator"의 약자로, 개인의 성향과 성격 유형을 판단하는 심리학적 도구입니다. 이 도구는 특히 직업 선택, 진로 탐색, 조직 문화와의 적합성 등 다양한 분야에서 활용됩니다.
MBTI 4가지 차원을 조합하여 16가지의 유형을 만들다
인식의 방향 (Perceiving): 실제적인 정보를 어떻게 인식하고 처리하는지에 대한 차원
감각적(Sensing, S): 구체적이고 현실적인 정보에 주로 주의를 기울임
직관적(Intuition, N): 추상적이고 미래 지향적인 정보에 주로 주의를 기울임
결정 방식 (Judging): 결정을 내릴 때 어떻게 결정하는지에 대한 차원
사고적(Thinking, T): 논리적인 원칙과 객관적인 기준으로 결정
감정적(Feeling, F): 감정과 가치 판단에 따라 결정
에너지의 방향 (Energy): 에너지가 어디로 흐르는지에 대한 차원
외향적(Extraversion, E): 주변 사람들과 활발하게 상호작용하며 에너지를 얻음
내향적(Introversion, I): 내면으로 돌아가서 고려하며 에너지를 얻음
삶의 접근 방식 (Lifestyle): 삶에 어떻게 접근하고 조직화하는지에 대한 차원
판단적(Judging, J): 체계적으로 조직화하고 계획하여 살아감
인식적(Perceiving, P): 유연하고 즉흥적으로 살아가며 더 많은 옵션을 탐색
간단한 MBTI 테스트 html페이지
MBTI 테스트
다음 질문에 대해 가장 잘 맞는 답을 선택하세요.
MBTI 테스트 html 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MBTI 테스트</title>
</head>
<body>
<h1>MBTI 테스트</h1>
<p>다음 질문에 대해 가장 잘 맞는 답을 선택하세요.</p>
<form id="mbtiForm">
<p>1. 새로운 사람들과의 만남에 대해 어떻게 생각하시나요?</p>
<input type="radio" name="q1" value="E" required> 외향적으로 즐긴다<br>
<input type="radio" name="q1" value="I"> 내성적으로 피한다<br>
<p>2. 중요한 결정을 내릴 때, 어떤 기준을 사용하시나요?</p>
<input type="radio" name="q2" value="S" required> 구체적인 사실과 경험을 기반으로 한다<br>
<input type="radio" name="q2" value="N"> 미래의 가능성과 추상적인 이론을 고려한다<br>
<p>3. 미리 계획을 세우는 것이 얼마나 중요하다고 생각하시나요?</p>
<input type="radio" name="q3" value="T" required> 계획을 세우는 것이 중요하다<br>
<input type="radio" name="q3" value="F"> 자연스럽게 흘러가게 두는 편이다<br>
<p>4. 어떤 방식으로 정보를 습득하는 것이 더 편하신가요?</p>
<input type="radio" name="q4" value="J" required> 계획적으로 단계별로 습득한다<br>
<input type="radio" name="q4" value="P"> 자유롭게 즉흥적으로 습득한다<br>
<button type="submit">결과 확인</button>
</form>
<div id="result" style="display: none;">
<h2>당신의 MBTI 유형은 <span id="mbtiResult"></span> 입니다!</h2>
</div>
<script>
document.getElementById('mbtiForm').addEventListener('submit', function(event) {
event.preventDefault();
const answers = {
E: 0, I: 0, S: 0, N: 0, T: 0, F: 0, J: 0, P: 0
};
const formData = new FormData(event.target);
for (const [question, answer] of formData.entries()) {
answers[answer]++;
}
const mbtiType = (answers.E > answers.I ? 'E' : 'I') +
(answers.S > answers.N ? 'S' : 'N') +
(answers.T > answers.F ? 'T' : 'F') +
(answers.J > answers.P ? 'J' : 'P');
document.getElementById('mbtiResult').textContent = mbtiType;
document.getElementById('result').style.display = 'block';
});
</script>
</body>
</html>
MBTI는 간단하고 쉽게 접근할 수 있는 도구이지만, 전문적인 심리학적 평가와는 차이가 있습니다. 그래서 상업적인 목적이나 일상적인 이해를 위해 많이 사용되지만, 학계에서는 조심스럽게 사용되는 경우가 있습니다.
'개발' 카테고리의 다른 글
| [개념] 멀티스레딩 프로그래밍의 개념과 응용, 주의사항 (0) | 2023.07.25 |
|---|---|
| 자동화 테스트를 활용한 효율적인 소프트웨어 개발 (0) | 2023.07.25 |
| [javascript/chatgpt] Chat GPT 도움받아 지렁이게임 만들기 (0) | 2023.03.28 |
| [javascript] 웹소켓 api를 이용한 빗썸 거래소 비트코인 실시간 체결량차트 (0) | 2023.03.23 |
| [javascript] HighChart를 이용한 트리맵 구현 (0) | 2023.03.19 |
