# peerjs

[책책책, 책을 읽읍시다] 5. 이슈들
프로젝트가 얼추 끝나 진행하며 생긴 이슈들을 정리하고자 한다. > 완성본이 궁금하다면? [배포 링크] https://courageous-hamster-cbe0a4.netlify.app/ [레포지토리] https://github.com/0hhanum/Book-Book-Book 1. Safari Rotate 애니메이션 문제 rotateX, rotateY 트랜지션을 이용한 프로그래스 컴포넌트를 만들었는데, 사파리에서 확인하니 애니메이션을 준 컴포넌트의 가상 배경같은게 생겨서 그놈이 같이 돌아가는 요상한 현상을 발견했다. 요런 애니메이션이, 
[Javascript] PeerJS 개념 이해하기
개요 dor.gg 개발을 한지 어언 6개월정도 지났다. 이제 사이트의 기본적인 틀은 (매칭 시스템) 잡힌 것 같아서 '베타 버전'이라는 꼬리표를 떼기 위해 두 개의 큰 산이 남은 상황이다. 그 중 하나가 바로 음성채팅이었는데. webRTC peerJS의 사용법을 적기 앞서 그 기반이 되는 개념을 먼저 정리하고 넘어가고자한다. webRTC의 이해. http와 websocket과 비교 먼저 webRTC라는 단어에 담긴 의미부터 짚고 넘어가보자. RTC는 Real Time Communication의 약자로, web application으로 하여금 어떠한 추가적인 플로그인, 라이브러리없이 오디오, 비디오 등의 stream data를 실시간으로 전송할 수 있게 해주는 기술을 의미한다. webRTC라는 단어를 처음 듣고 든 생각은 'webSocket'하고 다른 점은 뭔데?'였다. 이렇게 비교해보자. 먼저 간단한 HTTP 통