Day19

오늘의 TMI

민지: 넷플릭스 요금 인상..😥
원주: 다시 군대로 가는 꿈을 꾼다..
명재: 알람이 안울려요..
수용: nest js 강의를 들어봤다

궁금한 점

모달이 많아지다보니 page에서 모달 상태를 모두 관리하는데 state 개수가 너무 많아져서 이렇게 하는게 맞나 싶네요. 모달이 많아지면 어떻게 관리하는 게 좋을지 궁금합니다.

• 모드 설정

props가 너무 많아지는 느낌입니다.. 리코일을 사용해야될 듯 싶은데 리코일을 어디까지 적용해야될지 고민입니다. 채팅방 목록? (chat room id, chat room name, 채팅방의 팀원id 목록?(이건 또 따로?) / 팀원 목록? (user id, user name, user email) / 채팅?

• DB에서 join하는 비용 vs 프론트에서 일일이 매칭하는 비용
• 전체 팀원의 id, name, role을 리코일에 저장 =>
  • 업데이트는(새로운 사람이 들어왔을 때) 소켓으로

평소엔 잘 되긴 하는데 소켓이 하루에 몇번씩 이유 없이 에러가 나는 문제가 있습니다 ㅠㅠ 껐다 키면 되긴 하는데 뭐가 문제인지 모르겠네요

if(!onlineUsersInfo[socket.id]) ~
const { teamId, userId } = onlineUsersInfo[socket.id];
TypeError: Cannot read property 'teamId' of undefined

본인이 관리자인지 확인하기 위해서 팀 유저 정보를 가져와서 본인 정보랑 매치해서 확인해본 후 isAdmin 값을 state로 관리하는데 그 하위 페이지인 팀 내부관리 페이지에서 새로고침하면 그 값을 못가져오네요.. state 관리 위치를 고민중입니다.

유저 id를 가져오고 나서 로딩하게 하는 방법?

• selector를 써보자

보드에서 포스트잇을 동시에 잡았을 때, 수정하려고 할 때

용어 통일: team은 무엇을 의미하는 것인지

• store에서 team

• component Team

• entity team

• socket team

• 결론: 파일을 분리하자

오늘 할 일

팀 내부 관리

• 멤버 초대
• 멤버 권한 수정
• 멤버 강퇴
• 멤버 상태 확인 (온라인 색으로)

팀 보드

• 포스트잇 추가
• 포스트잇 삭제
• 모달 UI
• 일단 최적화 생각 안하고 할 예정