LOL-MBTI
CtrlK
  • LOL-MBTI
  • 배경
    • 아이템 선정 및 계획
    • MBTI 기획 & 기능 명세서 & 와이어 프레임
  • 기획
    • 👀MBTI
      • MBTI 테스트 로직
      • 질문 목록과 답변 구성
      • 유형 별 결과 내용
    • 🖊️와이어 프레임
    • 🛠️기능 명세서
    • Git, GItHub 컨벤션
  • 개발
    • 라이브러리
      • html2canvas
    • 오류 노트
      • GlobalStyle.ts 에서 Prettier가 적용되지 않는 문제
      • context를 사용하는 컴포넌트에서 항상 null을 확인하는 전처리를 해주는 불편한 상황
      • window is not defined 발생 오류
      • ts(7053) string key로 객체에 접근할 때 생긴 오류
      • Not allowed to navigate top frame to data URL
    • 개선 작업
      • 다크모드 코드 개선
      • 결과 저장 기능 개선하기
    • SEO
      • SEO 최적화
Powered by GitBook
On this page

Was this helpful?

  1. 기획

🖊️와이어 프레임

원활한 개발을 위한 와이어 프레임 작업

와이어 프레임 작업은 Whimsical의 Wireframes를 사용했다.

Wireframes 사용 이유:

프로토타입을 제외한 순수 와이어프레임만 작업

간단하고 빠르고 라이트한 와이어프레이밍

Wireframes에서 구체적인 디자인은 불가능해서 상세한 디자인은 개발을 진행하면서 적용할 예정

LOL-MBTI-Wireframe: https://whimsical.com/lol-mbti-5buJvQvkBqFRPXyMiRNE3K

Previous유형 별 결과 내용Next기능 명세서

Last updated 3 years ago

Was this helpful?