잘 쪼갤 수 있을까(0)

몇달 전 웹 기반 음성채팅 메타버스라는 이름으로 4개월 간 진행했던 프로젝트가 있다.

 

공개SW 개발자대회에 참여했었는데, 향후 계획이

1. 마켓플레이스 같은 것을 도입해서 아바타를 추가하고 사고 팔 수 있도록
2. 그래픽모듈, webRTC 모듈, 오디오 모듈을 쪼개서 원하는 부분을 가져다 쓸 수 있도록

프로젝트를 발전시키는 거였는데, 남은 42서울 과정도 끝내고.. 취업준비도 한다고 미뤄두던 걸 이제 해보려고 한다.

 

거창한 건 아니고.. 일단 컴포넌트들을 보기 좋게 쪼개는 일부터 시작하려고 한다.

 

---

원본

https://github.com/hyongti/VoiceSpace/tree/64a1f7e5e98f0bd122a8c939e0a10bafa44a6f09

GitHub - hyongti/VoiceSpace: 피로감은 덜하지만, 더욱 현실감 있는 음성채팅을 위한 프로젝트

---

현재 진행 상태

https://github.com/hyongti/VoiceSpace

GitHub - hyongti/VoiceSpace: 피로감은 덜하지만, 더욱 현실감 있는 음성채팅을 위한 프로젝트

 

크게 

• 입장 페이지(Entrance Page)
• 셋팅 페이지(Setting Page)
• 메인 페이지(Main Page)

가 있는데, 일단

• 셋팅과 메인 페이지에서 쓰이는 아바타와 닉네임을 리덕스를 통해 전역상태로 관리하도록 쪼갰고, 
• 가장 간단했던 입장 페이지(EntrancePage)를 vac 패턴에 맞게 쪼갰다.

그 과정에서 작성했던 test코드가 다 날아갔는데, 다시 테스트 코드를 작성하면서 테스트 공부도 해야할 듯..

 

일단 다음 스텝으로 생각하는 건

• 중복되는 코드를 따로 빼고,
• 가장 많은 곳에서 쓰이는 peerManager를 어떻게 전역으로 관리할지,
• 셋팅 페이지와 메인 페이지에서 모두 가능한 오디오 입출력 장치 전환은 어떻게 관리할지,
• antd의 컴포넌트들로 작성했던 드롭다운들은 어떻게 내가 컴포넌트로 만들지,
• 디자인은 어떻게 변경할지

이고, 추가적으로 쪼개려고 했던 모듈들을 패키지와 한다든지 하는 것도 고려해야겠다.. 

 

천릿길도 한 걸음부터!

 

디자인 바꾸기 전(좌), 후(우)