Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
우당탕탕 줌 클론코딩 도전후기
#zoom_clone
2년 전
12,172
4

🙋‍♀️ 자기소개

안녕하세요! 저는 이제 막 웹 프론트엔드 개발자를 목표로 취준을 시작한 대학생입니다.

기초가 항상 중요하듯이, JS 공부가 부족하다고 느껴서 공부를 더 하는게 좋을 것 같았고, 

마침 socket.io 기술에 관심이 있어서 참여하게 되었습니다!🙌

ℹ️ 서비스 소개

영상통화와 1:1로 채팅할 수 있는 서비스입니다. 컴퓨터로 접속 부탁드립니다 :)

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

저는 css가 조금 부족한 편이라 css 파트가 가장 어려웠던 것 같습니다. 

다른 일이 있어서 챌린지는 거의 일주일전부터 시작했고, 시간이 부족하다보니 마음이 급해져서 우왕좌왕하며 css 디자인을 고치는데에 가장 시간을 많이 쏟은 것 같습니다ㅠ 

본인이 쓴 메세지박스 색만 다르게 바꾸고 싶었는데, 서버에서 메세지를 전송할때 username도 포함해서 해당 username을 className으로 할당해서 css를 따로 설정해주는 방법으로 해결했습니다.

또한 socket.io에 대한 개념을 이해하는데 시간이 오래 걸려서 시간안에 제가 이해하는 선에서 최대한 할 수 있는 1:1 채팅방을 구현했습니다.

마지막으로 배포하면서 여러 에러를 만났습니다 ㅠ heroku 공식문서를 읽거나 구글링을 열심히 하면서 문제를 해결했습니다.

📌 앞으로 계획

리액트 개발공부 와 JS 프로젝트를 할 예정이고 취업준비도 하면서 웹 프론트엔드 개발자로서 차근차근 성장하고자 합니다.

시간을 더 두고 개발할 수 있었다면,, 하는 아쉬움이 많았지만, 배운 것도 많았고 뛰어나신 분들을 보면서 더 잘하고 싶다는 자극도 팍팍 되어서 정말 좋았습니다! 

모두 화이팅하세요!

감사합니다 :)

🔗 결과물 URL

https://frozen-scrubland-79509.herokuapp.com/

👀 결과물 사진

  • 채팅방 접속 전

  • 채팅방 접속 후 채팅 화면

4 comments