상세 설명
👁 9회
성격 유형 검사(MBTI)는 PHP와 JavaScript를 결합하여 제작된 Web 기반 'MBTI 성격유형 검사 프로그램'입니다.
1. 프로그램 핵심 기능 및 특징 설명
MBTI 4대 지표 기반 자동 진단 알고리즘
1) 지표 구성 : 외향/내향(EI), 감각/직관(SN), 사고/감정(TF), 판단/인식(JP) 4개 영역별 각 3문항(총 12문항)으로 구성.
2) 점수 산출 : 5점 리커트 척도(매우 그렇다 ~ 매우 아니다) 응답을 합산해 중간점 기준 수치 계산 후 최종 16가지 MBTI 코드(예: ISTJ, ENFP 등) 및 유형 설명을 자동 도출.
2. SEO(검색엔진 최적화) 및 오픈그래프 동적 주입
- 페이지 상단에서 PHP 동적 변수로 Title, Meta Description, Keywords, Canonical URL, OpenGraph Tag를 설정하여 검색엔진 노출 및 SNS 공유 카드 제작에 최적화.
- section.holland-sr-only 요소를 사용해 16가지 유형 텍스트 데이터를 시각적으로는 숨기고 검색봇(Search Engine Bot)이 수집할 수 있도록 배치.
3. 기존 스타일시트(style.css) 및 레이아웃 완벽 호환
외부 header.php 및 footer.php를 그대로 포함하며, 상위 웹사이트의 공통 CSS 클래스(.calculator-box, .calculator-title, .calc-result-box, .calc-submit-btn 등)를 적용해 디자인 통일성 유지.
4. 단일 페이지(SPA 방식) 데이터 처리
- PHP로 질문 데이터를 JSON으로 변환하여 JavaScript 변수에 주입.
- 진행률 바(Progress bar) 업데이트 및 질문 전환, 결과 출력이 페이지 리로드(새로고침) 없이 JavaScript DOM 조작을 통해 매끄럽게 처리됨.
- 2가지 성향 간 비율(예: E % vs I %)을 시각적으로 비교하는 분할 프로그레스 그래프 구현.
[※ '관련링크' 버튼을 누르면 프로그램을 이용하실 수 있습니다.]
💬 의견 나누기 (0)