Day24

오늘의 TMI

민지: 늦게 잠

명재: 코로나 4천명이라 무서워서 코노에 못가겠음

수용: 사진 찍는 걸 좋아해서 필름 카메라 두세개 장식용으로 모셔두는 중

원주: !? 프로젝트 발표 페이지에 우리 팀 카드가 없어짐

안건

구현 스크린샷 보시면 수정중일 때 xx님이 수정중입니다.라는 문구로 변경되게 했는데 이건 좀 덜 예쁜 것 같습니다. 이름을 가져와서 쓸 수 있나 확인하려고 해본거긴한데 얘를 어떻게 활용할 지 고민입니다!

• 지금 유지하고 더 좋은 아이디어 생각나면 수정

유저가 팀에 소속되어 있는지와 같은 검사를 여러개 하게되면 (ex 팀이 존재하는지 확인 - 팀에 소속되었는지 확인 - 같은 이름이 있는지 확인 - 실제 실행) 성능이 엄청 안좋아지지 않을까 싶은데 어떻게 해야될까요?

• 다 하나하나 확인은 안하고 중간에 걸리면 404 마지막에 catch err에서는 409

목록에 있는 몇초전 이런 시간이 업데이트가 안됩니다 -> 일정에 실시간 바처럼 setinterval 같은걸 해야할 것 같은데 일단 다른게 문제라 패스

• 시간만 써놓자
• 오늘이면 시간만
• 엊그제면 MM월 DD일
• 작년 이전이면 YYYY. MM. DD

채팅에서 nav바에서 팀 이동하면 문제가 생깁니다.. 이걸로 몇시간째 삽질 중입니다..아직도 해결이 안됐네요 맘같아선 nav바에 팀선택 없애버리고 싶네요..^^!!ㅠㅡㅠ

• selector => atom으로

만약 하나의 유저가 여러 브라우저로 들어오면 채팅방 초대를 받았을 때 초대 refresh가 나중에 들어온 유저에게만 갈 것 같습니다.. 아무도 몰랐으면 좋겠어요

• {소켓id : 팀id, 유저id, socket}

• {소켓id2 : 팀id, 유저id, socket2}

• export const onlineUsersByTeam = {};

• export const onlineUsersInfo = {};

• 소켓 연결 종료 시, store에서 해당 유저id의 다른 소켓 id가 존재하는 지 확인 후 online 여부 판단하도록 리팩토링

오늘 할 일

팀 보드

• 소캣 성능 개선

팀 채팅

기술공유

팀 보드 개발기 (konva, socket)

Konva

• HTML5 2d canvas js library
• react-konva is a JavaScript library for drawing complex canvas graphics using React.
• draggable = boolean

socket

• 경쟁조건
  • postit.whoIsDragging = user.id(-1이면 아무도 안집고 있는거)
  • postit.whoIsUpdating = user.id
• 성능 개선 (throttling)

---

chatRooms

{
    1: {
        chatRoomId: 1,
        chatRoomName: '1번방',
        lastMessage: {
            messageId, content ..
        }
    
    }
    
    2: {
    
    }
    
    3: {
    
    }

}

lastMessages { 1: { message

}

}

일정

일정에 한글 사용 불가능 일정 수정 불가능 일정 삭제시, 권한없음 toast message

채팅방

1. 채팅방 이름 한글로 변경 안됨
2. 채팅방 퇴장시
   1. 즉각 반영 안 되는 경우 있음
3. 채팅방 초대시
   1. 초대받는 사람한테 반영 안 되는 경우
   2. 기존 맴버한테 반영 안 되는 경우
4. 채팅방 유저 썸네일 컬러반영 안 됨
   1. 목록에는 정상 반영
   2. 채팅 보드에는 비정상 반영
5. 팀관리 권한 변경 다 잘 되는데 원주님을 구성원에서 관리자로 올리는게 403에러
   • (실제로는 적용되고 관리자에서 구성원 내리는건 잘 됨)
6. 일정 수정 (로컬에서는 잘 됨)
   • 배포 적용 안된듯?

계정 오류

1. 로그아웃이 잘 안될 때가 있음

데모 - 지금 하실까요? 기술발표 - PPT 만들기

팀노션 - 나중에

지난 스프린트 개발 사항을 간략히 설명드리자면,

로그인

• passport 이용 로컬 로그인, 깃허브 로그인
• 로컬 로그인은 Bcrypt + AES를 이용해서 암호화,

팀 일정

• 페이지 입장하면 일정 불러오기
• 일정 생성
  • 일정 반복 등록
• 일정 수정
• 일정 삭제
• 주간, 월간 전환

팀 관리

• 팀 CR
• 팀 나가기
• 팀 관리자로서
  • 팀 정보 업데이트
  • 팀 삭제
  • 팀원 강퇴
  • 팀원 초대

팀 보드

• 포스트잇 생성, 수정
• 소켓 연결

이번주 스프린트 진행 사항은

전체적으로는

• DB 구조 변경
  • Postit, Message처럼, 실시간으로 변동이 발생하는 데이터는 Redis에서 관리

팀 보드

• 포스트잇 삭제
• UI 개선 (포스트잇 위치)
• 동시 접근 방지(이동, 수정)
• 일부 오류 수정

팀 관리

• 팀원 권한 변경
• 팀 소속, 팀 관리자 권한 확인
• 버그 fix

팀 채팅

• 채팅 page입장하면, 본인이 속한 채팅방 목록을 불러옴
• 채팅방 만들기
• 채팅 기능
• 채팅방 초대
• 채팅방 유저 목록 보기
• 채팅방 나가기