개발하면서 구현한 기능을 유저입장에서 사용하던 중 1. 내부 로직이 개판이다 2. 챗모달 컴포넌트// 프로덕트 컴포넌트 이 두개에 챗모달을 구현하고 각각 컴포넌트를 따로 만들었는데 챗모달 컴포넌트는 위의 값을 전역상태로 받아서 실행을 하는데, 문제는 chat_id 아래에, others_id 와 user_id이다. 값 부분이 위아래가 서로 바뀐 걸 볼 수 있다 . 이렇게 한 이유는 위의 이미지처럼 테이블에 단방향으로 저장되고 또한, 프로덕트 컴포넌트에서 a (발신자)->b(수신자), 로직이 이 대로 유지가 되어야 하는데, 이걸 챗모달 컴포넌트에서 챗을 구현을 하려면 b(발신자)=>a(수신자)가 되어버려서 채팅이 상대방에 안가는 문제가 발생한다 그래서, 첫번째 이미지처럼 서로 바꿔서 내려주면 a (발신자)-..

서로 다른 로컬호스트인데 실시간으로 채팅이 구현 되었다. 구현시 어려움이 있었는데 모달은 a->b 한테 신청 상점은 b->a 한테 신청인데. 상점에서 채팅 신청을 해야 되는거라 주체가 달라 무슨 말이냐면, 받는 사람이 결국 각 b,a라 받는 사람이 b인데 어떻게 보내는 사람 b로 바꾸냐가 문제였던 것. 즉, 양방향 소통이 가능하게 끔 구현하는데 어려움이 있었다. 코드에 받는 사람 보내는 사람을 서로 바꿔서 추가를 하니 양방향 소통이 가능하게 구현 되었다. 1차 목표였던 실시간 채팅은 구현 되었으니, 이제 세부적인 것들 수정 하면서 만들면 될 것 같다.

💬 오전 회의 내용 1) 로고 및 아이콘 → 로고와 아이콘은 파일로 붙여놓음. 플로팅 액션 버튼(채팅)의 아이콘 디자인 문의 2) 메인 페이지 아직 진행 X 3) 도서 소개 → 도서를 추가적으로 보여줄 때 페이지네이션/무한스크롤✓ (다른 게시판은 페이지네이션) 4) 로그인 페이지, 마이페이지 → css 진행 중 5) 검색 페이지 → 구현 진행 중, 디자인과 관련해서 검색 결과 도서/커뮤니티/중고거래 검색 페이지 어떻게 할지 6) 복커톡 글쓰기 페이지 → 와이어프레임과 살짝 다르게 진행, 토스트 에디터 사용으로 인하여 디자인에 살짝 변경 생김. 제목 / 태그 / 카테고리 / 완료 버튼만 css 가능 → 글쓰기 버튼 아래에서 위로 옮겨놓음. 북커톡 리스트에서 보여주는 제목 / 닉네임 / 날짜 7) 도서 추천..

supabase에서 realtime에 케스케이드? 걸어 놓으면 일반적인 방법으로는 값에 int8로 지정을 했으면 저걸 uuid로 바꿀려면 오류가 난다 거기다 참조하는 값을 지우면 연관된 테이블이 같이 날라가는 삭제파티가 열리는 데, 잘못 지울까봐 안 건들이고 초기 int8로 지정한 값내에서 고유값을 chats의 id값으로 지정을 하려고 노력을 하였다 1:1채팅 기능 구현을 완료 했는데 , 계정단위로 진행되는 거라 고유아이디가 크게 중요하지는 않았다 그런데, 거래시 채팅 기능을 맡게 되면서 a 챗방 b 가 있고, 만약에 하나의 챗방의 고정된 값이 16이라고 하면 c 와 d도 같은 챗방을 공유하기 때문에 1:1 거래 채팅이 아니게 된다. 그러나, 하나에 매몰되면 시야가 좁아지는 법이고 계속 저 챗방의 고유값..

어제 챗룸 값 안나온다고 했는데, // 기존 챗방이 없으므로 새 챗방 생성 const { data: newChatData, error: newChatError } = await supabase .from('chats') .insert({ }) //id: selectedUserId .single() as { data: ChatData, error: any }; // 타입 단언 사용 // 챗방을 생성하고 바로 그 데이터를 반환하는 것을 가정 console.log('newChatData',newChatData) if (newChatError) { console.error('새 챗방 생성 중 오류 발생:', newChatError); return; } 이유를 찾았다 // 기존 챗방이 없으므로 새 챗방 생성 co..

supabase로 채팅을 구현하는데, 스키마 구조를 짜고, chats (챗방)에 동적인 값을 줘야 하는데 // 기존 챗방이 없으므로 새 챗방 생성 const { data: newChatData, error: newChatError } = await supabase .from('chats') .insert({ }) //id: selectedUserId .single(); // 챗방을 생성하고 바로 그 데이터를 반환하는 것을 가정 console.log('newChatData',newChatData) 이걸 자동생성으로 하면, 아래 사진 처럼 계속 null 값을 반환해서 챗방을 생성하면서 chats_users라는 테이블에 값을 주면서 참조하도록 만들어줘야 되는데 // 새 챗방에 두 사용자를 chats_users..