본문으로 건너뛰기

PROJECT NOTE / 03

Mbti Test Project

O/X 선택지를 넘어 대화형 경험으로 만드는 MBTI 웹 앱.

ReactTypeScriptNext.js

01 / OVERVIEW

프로젝트가 시작된 이유

기존 O/X 선택형 테스트에서 벗어나 대화하듯 질문에 답하는 MBTI 웹 앱을 만들었습니다. 질문을 읽고 결과를 확인하는 경험을 중심으로 개발 과정을 정리했습니다.

Mbti Test Project
DISCOVER / 01

대화형 질문

문답이 이어지는 인터페이스를 구성했습니다.

BUILD / 02

결과 경험

유형 결과까지 이어지는 흐름을 만들었습니다.

ITERATE / 03

개발 기록

선택한 기술과 구현 과정을 글로 남겼습니다.

02 / FIELD NOTES

만들면서 남긴 기록

구현한 순서와 부딪힌 문제를 글로 정리했습니다. 제목을 눌러 과정과 선택의 근거를 읽을 수 있습니다.

  1. 01참가 유저 정보에 ISR 적용하기
  2. 02토큰을 생성하는 것 뿐인데 느린 이유는 뭘까요?
  3. 03에러 컴포넌트 활용하기
  4. 04이미지 화면 크기에 맞춰 띄우기
  5. 05카카오 인앱 브라우저 대응하기
  6. 06제어 컴포넌트와 비제어 컴포넌트
  7. 07kakao-share
  8. 08clipboard
  9. 09a.download는 모두 지원이 되는 거 아니었나요?
  10. 10shareAPI
  11. 11Nextjs에서 localStorage 활용하기
  12. 12FastAPI header underbar 설정

12 NOTES IN THIS PROJECT