1. 결과물 URL

https://joom-clone.herokuapp.com/

2. 캡쳐 이미지 2~3장

   

3. 자기소개

안녕하세요 저는 웹 개발 쪽으로 가고싶은 취준생입니다. 파이썬 챌린지랑 바닐라 자바스크립트 챌린지도 해봤는데 실시간 통신을 배워보고 싶어서 참가했습니다. 이전에 했던 챌린지 두 개는 마감을 좀 널널하게 했는데 이번 챌린지는 밤새서 완성했습니다.

4. 서비스 소개

일대일 화상채팅 사이트입니다. 주요 기능은 화상통화와 문자채팅이고 그 밖에 기능은 닉네임 변경과 참가자 확인하기 다크모드 정도를 구현해봤습니다.

5. 개발 과정 (어려웠던 점과 해결방법)

만들면서 어려웠던 점은 컴퓨터랑 핸드폰으로 연결하려고 할 때 안되는게 어려웠습니다. 강의 들으면서 따라하다가 여기서 막혀서 이틀간 헤맸습니다. 갤럭시로 가면 css 깨지는게 있고 아이폰으로 하면 핸드폰에서 상대방 영상이 안나오고 갤럭시 폰이랑 아이폰으로 했을 때에는 갤럭시 폰에서는 잘 나오는데 아이폰은 또 안나오고 하는 부분인데 이건 아직도 못고쳤습니다. 그리고 상대방 카메라랑 소리를 끄는 기능을 구현할 때 상대방 카메라 소스를 어떻게 처리해야 되는지 몰라서 헤맸었는데 상대방 스트림을 변수 선언해두고 상대방 소스받을때 저장해둔 다음에 myStream이랑 똑같이 처리해주니까 잘 되었습니다.

6. 앞으로 계획

우선 타입스크립트 챌린지도 등록을 해놓아서 타입스크립트 챌린지를 마친다음에 리액트를 공부해 만들어 놓은 사이트를 리액트랑 연동하고 싶습니다. 제가 비전공자라 웹 개발 쪽으로 취업을 하여면 포트폴리오를 잘 준비해야 할 것 같은데 그 동안 따라서 만들었던 것들을 잘 정리해서 포트폴리오 사이트를 만들어 볼 계획입니다.