goberomsu / blind-tok

History

blind-tok's Issues

05.05_추우엽_현황

Description

1. 프론트 단에서 로그인 정보 및 받아서 서버로 보내는 과정 구현
   1.1. 리덕스 환경 구성중

Todo List

에러 수정

FE: 디렉터리 트리 입니다

Description

// SRC
│ App.jsx
│ index.css
│ index.jsx
│ reportWebVitals.js
│ setupTests.js
│
├─ components
│ ├─style
│ │ App.css
│ │ AudioPlayer.css
│ │ BoxComponent.css
│ │ ChatList.css
│ │ CircularImage.css
│ │ FriendList.css
│ │ Login.css
│ │ logo.css
│ │ MainComponent.css
│ │ ResponsiveImage.css
│ │ SideBar.css
│ │
│ └─ views
│ ├─ Chat
│ │ BoxComponent.jsx
│ │ ChatList.jsx
│ │ ChatRoom.jsx
│ │
│ ├─ Friend
│ │ FriendList.jsx
│ │ FriendPage.jsx
│ │
│ ├─ Layout
│ │ Br.js
│ │ Button.js
│ │ CircularImage.jsx
│ │ SideBar.jsx
│ │
│ ├─ Login
│ │ GoogleLoginBtn.js
│ │ kOauth.jsx
│ │ LoginPage.jsx
│ │
│ ├─ MainPage
│ │ AudioPlayer.jsx
│ │ MainComponent.jsx
│ │ MessageBox.jsx
│ │ ResponsiveComponent.jsx
│ │ VideoPlayer.jsx
│ │
│ └─ User
│ UserProfile.jsx
│
├─ data
│ chat_data.js
│ chat_list.js
│ friend_data.js
│ user_data.js
│
└─ image
BTlogo.jsx
defaultImage.png
l.png

Todo List

• [ ]

Socket에서 User를 전역적으로 가져가는 문제

Description

socket은 어차피 하나만 생기면 되는데 이를 여러 곳에서 선언을해서, 복잡성이 올라가는 문제가 있음

Todo List

• Socket과 User id를 분리할 것

미디어/시그널링 서버 배포

Description

NHN 클라우드에 webrtc를 위한 기반 서버 배포를 합니다

Todo List

• Kurento Media Server 배포
• Coturn Server 배포

채팅 송수신 에러

Description

socket연결

• 방에서 나가면 message를 받지 못함

• socket.on 작동을 안함

• roomlist에서 socket.on을 지우고 했는데도 안됨

• 새로고침하면 소켓이 나가지는 문제라고 가정해서 뒤로가기로 나가도 채팅을 못 받아옴

• 무엇이 문제인지 잘모르겠음;;;

• 서버에서는 유저가 접속해있다고 뜨고 따라서 데이터 전송이 일어남

• rooms의 userlist의 속성으로 offlineData 을 만들고 오프라인일 때 데이터 전송을 저장함

• 이는 방에 뿌리는 게 아니라 유저마다 따로 보내주기 때문에 가능

• 따라서 아예 방을 나갔을 때 접속이 끊기면 해결 가능함

Fix : disconnect 할 때 socket 대신 userid로 연결을 끊도록 변경해야 함

    socket.on("disconnect", (reason: any) => {
      //TODO: Socket id가 아니라, userid로 모두 처리하도록 변경해야 함
      disconnect(socket);
    });

socket까지 안주고, userid까지만 주면 되도록해서, 의존성 분리하자

~ API 작동 안함

Description

// 진행 중인 현재 기능을 적어주세요

Todo List

• [ ]

@GoBeromsu 고쳐!

로그인 긴ㅇ 만들기

Description

Todo List

• 구굴 서비스
• [ ]

새로운 유저의 등록이 자동으로 되고 있지 않은 문제

현재 SSOID만 반환하고, 새로운 계정으로 로그인 할 경우 user를 등록해주지 않는 버그가 있음

Audio파일 업로드 페이지 만들고 서버에 넘기기

5월 4째 주 스프린트

Todo List

우엽

• 메인 페이지 - 우엽
  • 모든 오디오 파일 리스트 가져오기
  • 단일 컴포넌트 클릭하면 해당 유저 페이지로 이동
  • 친구 요청 보내기
• 로그아웃 기능 - 우엽
• 검색 기능

승주

• 마이(유저) 페이지 - 승주
  • 파일 업로드
  • 상태 메시지
• 알림 페이지 - 승주
  • 친구 요청 리스트

범수

• 친구 요청 상태 관리 API (대기, 노말, 밴)
• 프로필 메시지 관련 API
• 파일 업로드 시 상세 설명과 이미지 관련 API

Feat : Backend API 작성

Description

Notion에 작성된 API 명세를 토대로 API를 생성합니다.

Todo List

• User 테이블
• User 서비스
• User API
• Audio 테이블
• Audio 서비스
• Audio API

Post 요청 받는 api 수정 요청

Description

// 파일을 post로 받는 api에 img와 comment를 같이 받아주게끔해주세요

Todo List

• [ ]

05.09 추우엽 - 구글 ID토큰 생성

Description

콘솔창에서 출력은 잘되는데 서버로 잘 보내지는지 연결해야 직성이 풀릴듯
(일단 axios로 골격은 짜놨음)
서버 셋팅 방법을 모르겠음

Todo List

• 서버 셋팅 후 axios로 토큰 통신

5월 3째 주 스프린트

범수

• 로컬에서 미디어 스트림 취득
• 승주 채팅 코드 백엔드에 붙이기
• 승주랑 sendMessage 통일하기
• 친구 api 수정 : 친구 요청 수락 추가, 친구 요청 대기로 변경

우엽

• Audio파일 업로드 페이지 만들고 서버에 넘기기
• user가 올린 audio 파일리스트 폼 구현
• 자신의 audio파일리스트 수정 및 삭제 기능

승주

• FriendList에 친구 목록 이제 API로 가져오기
• userid를 api로 가져와서, 친구 목록에 자동으로 넣으면 완성!

홈으로 이동하는 버튼 추가

Description

// 진행 중인 현재 기능을 적어주세요

Todo List

• [ ]

SSO 기능 추가

Description

구글 버튼 누르면 바로 디비에 데이터 조회하고, jwt 토큰을 통해 로그인하는 흐름을 가져 갈 것입니다

Todo List

• - JWT 토큰 처리 흐름 생성
• - User 엔티티에 Login과 SSO 처리 추가

채팅 관련 버그 : 이미 localstorage에 데이터가 있는 경우

Description

채팅 방을 생성할 때 로컬 스토리지에 Roomid만 저장이 될 때가 있는데 이 때 프론트 프로젝트가 터집니다

크리티컬은 하지 않지만, 기록해둡니다!

예상 해결 방법

• 방 생성 할 때, Roomid랑 data의 유효성 검증을 하면 될거 같다

임시 대처 방안

• 로컬 스토리지를 비우면, 정상 작동합니다

5월 2주차 스프린트 TODO List

Backend

• 프론트랑 페이지 API 붙일 것
• Socket.io 채팅을 하는데 서버 측에서 어떻게 처리를 할 것인지 구체화
• cors 문제 해결
• query 폴더(data) 정리

Frontend

공통 사항

• query 폴더(data) 정리
• 필요한 쿼리 등은 백엔드에게 꼭 카톡으로 요청

승주

• WebRTC - Kurento로 보이스 채팅 기능
• socket.io 채팅을 하는데 채팅 내용을 로컬에 저장하는 기능

우엽

• cors 문제 프로튼에서 해결 방안 찾기
• 로그인 페이지
• 영상 업로드 기능 페이지(프로필 등)에 추가

Fix : TS 마이그레이션 함에 따라 CI 수정 필요

Todo List

• Github Action 프론트 환경 변수 (구글 로그인) 설정
• 의존성 변경에 따른 명령어 수정
• 사용하는 라이브러리가 달라서 이에 대한 유효성 검증 필요

Feat : 유저 생성 할 때 랜덤으로 이름을 만들어주는 기능

Description

처음 서비스 가입을 하면, 랜덤으로 이름을 만들어서 부여해야 하는데 해당 기능이 없음

일단 임의 데이터로 넣어두겠음

Todo List

• 랜덤으로 이름을 생성하는 모듈