7월 3일 flow 수정 작업

[kimyouknow]

middleware 관련 중요 이슈

결론: 다래님이 작업하는 중... (middleware 제거, nextjs의 route 활용)

• : middleware에서 next/headers사용하면 에러 발생 -> NextRequest로 변경 ([Next 13.4] Middleware acts like a client component vercel/next.js#49246)

  • private api가 아니라 public api에 header를 직접 삽입

• : public api 사용하면 axios http adapter 관련 에러 발생(Axios doesn't work on edge runtime, Adapter 'http' is not available in the build axios/axios#5523)

  • fetch로 변경하면 cors 및 기타 에러 발생
  • dns(https)로 변경해서 이제 middleware 동작 🙌

• 임시 방편으로 next13의 route 사용

  • feat: root 경로 route로 처리

flow 정리

혜현님이 정리해주신 테스트 시나리오를 기준으로 정리했어요

1. 행성을 만들기 위해 찾아온 관리자

‘/’ 로 접근 → 로그인 → 캐릭터 생성(’딩동 시작하기’ 클릭) → 행성 없음 페이지에서 ‘행성 만들기’ 버튼을 클릭 → 행성 만들기 및 생성 완료 페이지 → 초대 링크 복사하기 → 나중에 할래요 버튼 클릭 → 생성한 행성의 메인 페이지로 이동

• [API] 관리자가 행성 만들기 이후 가입이 안 돼 있네요 #211

2. 행성을 만든 관리자가 행성을 꾸미려 진입

‘/’ 로 접근 → 로그인 → 행성 페이지로 이동(/planet/{planetId}) → 상단 설정 버튼을 클릭 → 행성 관리 페이지로 이동(/admin/planet/{planetId}) → 행성 수정하기(이미지도 올려보고 프로필도 수정하고 등)(/admin/planet/{planetId}/edit) → 완료 버튼 클릭 → 행성 관리 페이지로 이동(/admin/planet/{planetId}) → 완료 버튼 클릭 → 행성 페이지로 이동(/planet/{planetId})

• [Client] 행성꾸미기 [완료] 버튼 로직 #214

3. 초대코드를 받고 방문한 일반 사용자

초대코드 ‘invitation/{invitationCode}’로 접근 → 로그인 → 초대코드 페이지 들리기 → 캐릭터 생성(’딩동 시작하기’ 클릭) → 초대받은 행성 페이지로 이동(’/planet/{planetId}’

• [Client] 초대코드로 접근 → 로그인 → 초대코드 페이지로 이동 #215

  • 로그인 이후 /planet/:planetId 로 이동하는데 여기가 아니라 초대코드 페이지로 가야합니다
  • 초대코드url을 물고 있어야 한다.

• [Design] 초대 페이지 UI 작업 #217

  • 행성 이름 하드코딩되어 있는데 초대 행성 이름으로 수정하기

• 이미 가입된 행성일 때 에러처리 메시지 보여주기
  이미 가입된 행성의 경우, BE에서 4XX 대의 에러코드로 넘겨주시지 않고 다른 코드를 정의해서 넘겨주시기로 하셨어요!
  그 이유는 "공유된 링크"를 이용해 접속하는 사용자가 많을 것으로 예상했기 때문이에요. 그래서 에러 메시지를 보여주기 보다는 flow를 타서 메인으로 유도하는 것을 생각했습니다.

‘나만의 주민증을 만들어보세요’ 버튼 클릭 → 주민증 만들기(이미지도 업로드해보고, 삭제도 해보고 등) → ‘행성으로 이동하기’ 버튼 클릭/주민증을 눌러보세요 버틐 클릭 → 행성 이동 /주민증 세부 페이지로 이동

4. 2번에 이어 (행성에 가입+캐릭터 생성+주민증 만들기) 모두 된 일반 사용자 주민증 세부 및 댓글+알림 확인

‘/’ 로 접근 → 로그인 → 행성 페이지로 이동(/planet/{planetId}) → 주민증 클릭 → 주민증 세부 페이지로 이동(/planet/{planetId}/) → 세부 페이지 확인 및 댓글+대댓글 달기 → 상대방은 알림 페이지에서 알림이 오는지 확인

• 댓글 작업
• [Client] app router layout페이지 관리 #213
• 프로필 이미지 올릴 때, 사이즈 크면 에러나는데 토스트 알람으로 보여주기 (후순위)
• [Client] 주민증 생성 이후 완료 페이지에서 캐릭터 타입 변경 #243
• [Client] 본인 유저 카드 상세 페이지이면 수정 버튼 보이게 하기 #219