MBTI TEST

선택한 답변에 따라 MBTI 결과를 생성하는 알고리즘을 활용한 웹페이지 제작하였습니다.

MZ 세대에게 빼놓을 수 없는 소통 방식으로써 자기 자신을 표현할 수 있는 MBTI의 유행에 따라 MBTI 결과를 생성하는 알고리즘을 활용한 MBTI 검사 웹페이지 제작하였습니다.

📆 제작 기간

2023.05.30 - 2023.06.30

🧑‍💻 제작 인원

개인 프로젝트

🛠️ 사용 기술

개발 : React, styled-components

배포 : netlify

🔍 주요 기능

• 선택지 하나 선택 시 다음 질문으로 넘어가며 마지막 질문지에서 선택지 선택 후에 결과페이지로 이동
• 선택된 결과에 따라 결과값 필터링

📂 구현 기능

• 함수를 활용한 상태변화로 선택한 답변에 따라 답변 결과를 계산
• createSearchParams() 함수를 활용하여 해당 MBTI 결과에 기반한 URL을 생성
• useSearchParams() Hook을 활용해 URL에 생성된 MBTI 결과값과 ResultData에 저장된 MBTI가 일치하는 내용을 불러와 출력
• 개인 블로그 코드 정리

[React] MBTI 테스트 사이트 제작

🔗 링크

Github : https://github.com/y007in/mbti

URL : https://y7mbti.netlify.app/