프론트에서 수정해야 한다 생각되는 것들만 작성했습니다!
이 외에 검색결과에 닉네임 변경 반영 안됨, 방 나가기 안됨 과 같은 문제들이 있었는데.. 해당 내용들은 서버쪽 문제인 것 같아서 discussion 에 업로드했습니다
한번씩 언급한 내용들도 기억하기 어려우실 것 같아서 최대한 많이 정리해보려 했습니다..! 😿
아직 테스트 못해본 기능들 = 기능이 덜 되었거나 데이터가 없거나
1. 이벤트 조회 + 쿠폰 발급 시도 + 쿠폰 사용 + 쿠폰 발급 알림 (발급 완료시 알림)
2. 방 관리 페이지
3. 스킨 변경 (벌레 없음ㅠ)
4. 랭킹
완료된 내용은 이렇게 삭선시작페이지방 상세 페이지 - 공지방 상세 페이지 - 편집방 상세 페이지 - 인증사진보기, 멤탭방 상세 페이지 - 사진 인증방 상세 페이지 - 인증 타임방 상세 페이지 - 인증 타임2방 상세 페이지 - 버튼 텍스트방 상세 페이지 - 콕 찌르기마이페이지 - 수정마이페이지 - 새마이페이지 - 뱃지새 스킨 변경로그인페이지
완료된 내용은 이렇게 삭선
수정 완료 하셨다면 삭선 !
시작페이지
시작 슬라이드에서 setTheme 되는 동안 살짝 덜커덩 거립니다
페이지 컴포넌트 자체에 Deffer 를 걸어야 하나 고민입니다
덜커덩 거릴 바엔 아주짧은 시간동안 빈 화면인 편이..
방 상세 페이지 - 공지
이건 건의사항입니다!
공지가 없을 때, 아예 공지 UI 가 안나오는게 어떨까요?
현재는 아래와 같이 보입니다
방 상세 페이지 - 편집
자신이 만든 방임에도 편집 버튼이 없어서 편집 페이지로 이동이 불가합니다!
방 상세 페이지 - 인증사진보기, 멤탭
인증 사진 보기 페이지 입니다 (멤버탭도 동일) ⇒ 아바타 컴포넌트를 수정해야 하는걸까요?
기여도 : 0점 이라고 나와야 할 것 같네요! (피그마 디자인 참고)
- 저번에 이야기는 했지만, 적어두는 김에 써놓겠습니다..!
- 인증사진보기에서, 활성 토글 버튼 색상 나오게 하기 + 하나만 열리게 하기
멤버탭 화면입니다
콕찌르기 버튼도 수정해야할듯합니다
하루 기준, 콕찌르기가 되어 있으면 ‘내일 다시’ 가 보이게 하기로 했었죠? 이미 된거 아니면 루틴 완료 / 활성화 였던 거로 기억합니다 ..!
해당 member 의
isNotificationSent 필드가 false 일 때 ‘내일 다시’ 가 보이는 로직인거죠..!추가로, 본인 콕 찌르기도 신고와 동일하게 안보이게 해야할 것 같아요
방 상세 페이지 - 사진 인증
사진 업로드 하고 인증 버튼 누르면 400 에러 뜹니다!
방 상세 페이지 - 인증 타임
- 인증 타임 중 (12시 인증방. 23:51분 접속) 들어왔을 때 화면입니다.
- 버튼 UI 는 ‘인증 시간이 끝났습니다’ 로 나오고, 클릭이 됩니다 (인증 모달창 나옴)
- 시간에 따른 UI는 진행중이신걸로 알고 있습니다
- ‘인증 시간이 끝났습니다’ 버튼이라면 disable 처리를 해서 클릭이 아예 안되어야 한다고 생각합니다
방 상세 페이지 - 인증 타임2
12시에 인증시간이라고 뜨네요
인증타임은 23:50~00:10 (certifyTime 전+후 10분)이기 때문에,
수정해야할 것 같습니닷
인증타임은 20분동안이고, 그동안 저 UI 가 나오는게 맞는 것 같네요
방 상세 페이지 - 버튼 텍스트
- 오후 11시에 자정에 인증하는 방에 들어왔을 때의 모습입니다.
- 자정은 다른 날로 취급되기 때문에 이런 텍스트가 보이는 것 같습니다.
- 혼란을 줄 수 있기 때문에, 피그마에 있는 것 처럼 인증시간이 아닙니다 / 인증하기 이 두 가지 버튼만 하는게 어떨 까요?
방 상세 페이지 - 콕 찌르기
콕 찌르기를 클릭해도 UI가 안변합니다 !
마이페이지 - 수정
- 마이페이지 수정 UI 입니다.
- 아래칸이 자기소개 입력란인지 살짝 헷갈리네요
- 한 줄 소개 와 같은 placeholder 를 주는 건 어떨 까요? (기존의 소개 텍스트가 없을 시)
- 아니면 살짝 다른 방법으로, 기존의 데이터를 placeholder 로 주는 방법보다는
- 기존 데이터 ⇒ 초기 입력값
- 입력값 없음 ⇒ placeholder 보임
- 위와 같은 방법으로 통일시키는 것도 좋을 것 같습니다
- 그렇게 된다면 ‘빈 항목은 변경되지 않습니다’ 안내 텍스트도 없어도 됩니다
마이페이지 - 새
- 동그란 div 에 새 스킨 이미지를 넣는 것을 수정해야 할 것 같아요
- 스킨 이미지는 배경이 투명한 이미지이기 때문에, 특정 모양으로 크기를 맞추지 않아도 됩니다
마이페이지 - 뱃지
- api (/member) 에서는 뱃지를 특정 문자열로 보내주는 것으로 알고 있습니닷
- 뱃지 문자열에 따른 이미지 매핑이 되어있나요?
새 스킨 변경
새 스킨 변경 페이지입니다
벌레가 없을 때, 0 이라는 개수가 보여야 할 것 같습니다
로그인페이지
로그인 후에도 로그인 페이지에 접근 가능합니다!