내일배움캠프_개발일지/Node.js 실습 (3) 썸네일형 리스트형 node.js 실습 > 줌 -3- ____________________________________________________________________________________________________ Web Rtc 파트 => socket.io 파트에서 설계했던 프로젝트를 하나 더 복사하고, 일부분을 지운 뒤 셋팅. 폴더 : kimminsoo -> NomadCoders -> zoom_web_rtc 1. 비디오 스트리밍과 실시간 대화 등을 하기 전에, 우선 유저로부터 비디오를 가져와야 해. 즉 사전 셋팅이 필요하다. 가장 먼저 유저로부터 비디오를 가져와서 화면에 비디오를 보여줘야 해. 두 번째로, 마이크를 음소거 및 음소거 해제하는 버튼과 카메라를 껐다 켰다 하는 버튼 등을 만들어야 해. 또한 휴대폰에서 만약 이 앱을 사용한다.. node.js 실습 > 줌 -2- ______________________________________________________________________________________________________________ 1. socket.id // socket.room —— io.on("connection", (socket) => { // connection 을 받은 준비가 되었어. socket.onAny((event) => { // socket 에서 발생하는 모든 이벤트를 살피는 작은 스파이. console.log('Socket event : ', event); // enter_room 을 반환. 해당 이벤트가 일어났으니. }) socket.on("enter_room", (roomName, a, b.. node.js 실습 > 줌 -1- 줌 클론코딩 node.js 를 사용하여 실시간 채팅과 화상통화가 가능한 웹 사이트를 만들어 볼 거야. ______________________________________________________________________________________________________________ SERVER SETUP 우선 node.js 를 기반으로 한 서버 구축을 위해서 기본적인 셋팅들을 몇 가지 해줄거야. zoom 이라는 폴더를 만들어 줄 것이고, 해당 폴더는 일반적인 Node.js 프로젝트가 될 거야. 그렇기 위해서 package.json, Babel, Nodemon 설정 이런 것들을 해줄거야. 터미널을 통해서 NomadCoders 폴더에 들어간 상태에서 다음과 같이 실행. —— mkdir zo.. 이전 1 다음