Day 14

오늘의 TMI

원주: 생수회사에서 일하는 누나 회사에서 생수가 계속 배달돼서 문제 명재: 산책 시간에 눈찜질을 하며 꿈나라 산책을 하고 있음 수용: 스프링 스터디 날인데 숙제 안함 민지: 12시간 취침

궁금한점

팀 프로필 썸네일

• 사진 vs 배경색 + 텍스트(= 유저 프로필)
• pallete[id % 6]

팀 개수가 엄청 많아진다면?

• 내 팀 목록 / 초대 목록 각각에 스크롤 만들기
• 스크롤 커스텀

로딩창 만들어주실분

• <Suspense fallback={<div>loading...</div>} />

404 페이지 만들어주실분

• 보류

오늘 할 일 (현실적으로)

• 현업 개발자 미팅 시간 (3시-4시)

• 데모 준비 시간

  • 개발 17:00까지 끝내고 19:00까지 마무리

• 로그인(완료)

  • 프로필
  • 로그아웃
  • 이름 변경

• 팀 선택

  • 누르면 들어가기
  • 팀 프로필 해야함
  • 팀 생성 모달
    • API랑 모달 내부 아직 X
  • 팀 초대
    • 수락은 되는데 거절은 아직 X
    • 초대 자체 X -> 팀 관리

• 팀 일정

  • teamId로 일정 fetch하기
  • path에서 param teamId 가져오기

• CD

  • master branch

멘토님 리뷰

• RESTful
  • HTTP Status Code

언제 소켓 연결을 할 것인가.

언제 team room에 join할 것인가. join의 여부는. 새로고침하면 소켓 id 바뀌는 문제.

1. 최초 로그인했을 때 소켓 연결 1-1. /team/:teamId 가 있는 페이지에 들어갔을 때 room(team) join

   • 소켓 연결하는 컴포넌트는 어디?
     • private route에서 해야할까? 그렇다면 리코일에서 teamId를 가져오는 것은 어떻게? or page에서 일일이
   • team join 여부를 판단해서 join..? 1-2. 최초 소켓 연결했을 때 속한 팀 room 모두 join
   • 그렇다면 유저의 state는 모두 온라인인 것일까..?

2. 소켓이 필요한 페이지에서 소켓 연결, 해제

   • /chat, /board 와 같이 namespace로 관리하고 teamid or chatid을 room 으로 join
     • 페이지 나가면 leave
   • state 공유 x

3. 푸시 + 따로 소켓 room 찾아보다가 푸시 알림 구현하는 글을 봤는데 https://mingule.tistory.com/68 이 방식대로 푸시 알림은 따로 구현하고 팀 보드/ 채팅에 대한 소켓은 해당 페이지에서만 연결한다면 모두 행복하지 않을까 남겨봅니다.. 이렇게 하면 팀 채팅 입장할 때 팀 채팅에 대한 소켓만 연결할 수 있어요 ㅋㅋ