Bsingroom 프로젝트

그 유명한 동영상 시리즈의 패러디가 맞다 B대면 노래방 🎤🎤🎤🎤🎤  소프트웨어 공학 수업에서 빠질 수 없는 팀 프로젝트. 우리 팀 '소웨공 전우회'의 프로젝트 주제는 투표를 통해 '노래방 기능을 구현한 음성채팅 데스크톱 앱'으로 결정되었다.

지금부터 음성채팅 및 문자채팅이 가능한 데스크톱 앱의 메이킹 히스토리를 설명하려 한다. 보다보면 알겠지만, 정확히는 노래방앱은 아니고, 라디오 채팅방 정도로 생각해주면 좋을 것 같다. 디자인에 대해서는 따로 언급하지 않고 기능 구현에 집중한다.

🛫 프로젝트 시작 하기  일렉트론 프로젝트를 시작하는 방법에는 여러가지가 있는데, 가장 간편한 방법으로는 Boilerplate를 클론하는 방법이 있다. 그러나 본 프로젝트에서는 사용하지 않았는데 왜냐하면 Electron with React를 표방하는 Boi

  다음과 같은 요소들이 사용되었고 이전에 비해서 개선되었다.main.js에서 창 크기를 고정벨로퍼트님의 리액트 강의 중 '여러개의 input 상태 관리하기'를 응용해 select태그와 input 각각 아이콘, 닉네임을 useState하나로 관리react-router-

🚀 Lobby 컴포넌트 작성 > ### 적용한 것들 context api를 통한 전역 상태관리 setState의 비동기성으로 인해 유저 생성 후 소켓 프로그래밍 오류 해결 이후에 채팅방에서도 사용할 수 있는 User class를 고려해 상속 사용해보기  

input device를 변경하는 컴포넌트 작성클래스 인스턴스 내에서 음성채팅 로직 구현하기멤버 리스트 띄우고 오디오 설정하기(map함수 + useState, useRef two track custom hook)문자 채팅하기 (채팅창