Mo-Gak-Ko > beta.2

jhj46456·2020년 5월 24일
0

Mo-Gak-Ko

목록 보기
4/18

Update Note

Back-end

모임의 구성원이 아니더라도 포스트맨을 통해 API에 직접 접근할 경우 모임멤버/요청 목록SNS URL을 볼 수 있던 점을 수정

Front-end

  • 모임
  1. "/room/:id/detail" URL 직접 접근 하였을 경우 모임의 구성원이 아니더라도 정보를 볼 수 있던 점을 수정
    ❗ Inspector > Network tab에서도 확인할 수 없음
  2. 모임방장github username을 보여주고 github profile 링크 연결
  3. 모임요청/멤버 목록에서 바로 해당 user의 github profile로 이동할 수 있는 링크 연결
  4. 모임 등록/수정Validation 효과 추가
  5. 모임 삭제 기능 구현
  6. 모임의 Card에서 본인이 이 모임의 방장인지, 멤버인지 알 수 있음
  • 검색
  1. Production 환경에서 검색 결과가 나오지 않던 점을 수정
  2. Home(모임 탭)에서 전체 모임검색이 가능하도록 변경
  • 알림

Toast notification 적용

  • 로그인

로그인 시 "github 설정에서 Public Email 설정을 해주세요" 문구가 보이도록 수정

미해결

  1. 모바일 알림 화면이 필요해요 ✅
  2. 등록/수정 시 description은 max-length를 줘야할 것 같아요 ✅
  3. 강퇴 당해도 상대방에게 알림을 주세요 ✅
  4. Card 수가 많아지면 스크롤 바로 위로 올라갈 수 있는 arrow-up 버튼도 만들어주세요 📌
  5. 맵 API도 사용해주세요(?) 📌

QA

  • UI/UX 관점

Header
우측 column의 sc-AxgM1(알림아이콘), sc-AxheI(로그인아이콘) 요
2개의 높이가 좌측 column의 높이와 맞지 않아요.
좌측 알림설정과 로그인 아이콘의 드랍다운 창 위치가 헤더의 영역에
들어옵니다. 헤더 바로 아래로 위치 시키시면 좋을거 같아요.
search bar
돋보기 아이콘은 조금 줄이는게 낫겠습니다. 또한 투명도를 조금 주시거
나 그레이 계열 컬러로 바꿔보시는것도 좋아 보입니다.
요 search bar에 과하지 않은 약간의 애니메이션을 넣는거 권해드립니
다. (현재 페이지가 정적인 모습이라면 작은 애니메이션 효과 하나로
사이트가 산뜻발랄한 효과를 줄 수 있어요)
font-family 📌
나눔고딕과 세리프로 확인됩니다. 윈도우라서 그런지
모르겠는데 폰트의 font-antialiasing이...여튼 조금 번져보입니다.
메인에서 모임 생성 후
마우스 hover시 shadow는 좋습니다. 다만 shadow가 좀 찐한듯 하
여....opacity 혹은 rgba로 채도를 떨어뜨리는 것이 좋을 것 같습니다.

  • 기능
  1. SNS URL 하이퍼링크 넣어주세요. ✅
  2. 가입신청 시 방장이 정한 질문에 답하는 것도 만들어주세요 ❌
  3. 특정유저 밴 ❌
  4. 승인 되었을 때 참여자의 인사말을 보여주세요 ✅
  5. 깃헙말고 깃랩, 비트버킷, 구글, 애플 로그인 넣어주세요 ❌
  6. API 요청 보낸 뒤 버튼 event를 제거해줘야 할 것 같아요 ✅
profile
리액뚜

0개의 댓글