🛠️기능 명세서

원활한 개발을 위한 기능 명세서 작성

해당 페이지, 화면의 버튼을 기준으로 기능 명세서를 작성함

1. 메인 페이지

• 시작 하기 버튼

  • 버튼 클릭 시 MBTI 테스트를 진행하는 화면으로 전환

• 공유 하기 버튼

  • SNS로 페이지를 공유할 수 있는 기능

• 다크 모드 버튼

  • 다크 모드, 라이트 모드를 전환하는 기능

2. 진행 화면

• 이전, 다음 버튼

  • 문제를 이전, 다음으로 이동할 수 있는 버튼

  • 첫 번째 문항 에서는 이전 버튼 클릭 못함

  • 질문 응답을 하지 않은 경우 or 마지막 문항에서 다음 버튼 클릭 못함

• 답변 버튼

  • 2개 또는 4개의 답변 중 하나의 답변을 클릭 시 해당 유형의 스택이 하나 쌓임

  • 다음 문제로 넘어감

• 결과 보기 버튼 (마지막 문제 화면에서)

  • 결과 분석 중이라는 모달 창이 띄어지고 약 3초 뒤에 해당 MBTI 결과 페이지로 넘겨줌

• 다크 모드 버튼

  • 다크 모드, 라이트 모드를 전환하는 기능

3. 결과 페이지

• 다시 하기 버튼

  • 테스트를 다시 할 수 있도록 처음 화면으로 이동하는 기능

• 카카오 공유하기 버튼

  • 카카오톡으로 페이지를 공유할 수 있는 기능

• 결과 저장하기 버튼

  • 결과 화면 이미지로 저장 하는 기능

• 링크 복사하기 버튼

  • 결과 페이지 링크를 클립보드에 복사하는 기능

• 다크 모드 버튼

  • 다크 모드, 라이트 모드를 전환하는 기능