ZOOM2 Zoom 만들기 .11 카메라 불러오기 목표 사용자로부터 영상을 가져와 화면에 보여주기 마이크 음소거나 카메라 켜고 끄는 기능을 제어하는 버튼을 구현 카메라 여러개인 경우를 대비하여 사용하던 카메라를 바꿀 수 있게 할 것임. 1. 영상 출력 요소 추가하기 myFace라는 부를 영상을 만들어야함. home.pug를 다음과 같이 수정 doctype html html(lang="en") head meta(charset="UTF-8") meta(http-equiv="X-UA-Compatible", content="IE=edge") meta(name="viewport", content="width=device-width, initial-scale=1.0") title Zoom //MVP.css는 우리가 태그에 class나 id같은 특성을 추가하지 않아.. 2023. 9. 4. ZOOM 클론코딩 _ 1. 프로젝트 생성 & 세팅 실시간 채팅 기능 구현 채팅룸 기능 구현 화상 채팅기능 구현 +@ 프론트 : view 백엔드 : node.js 사용 idel툴 : vscode ci/cd : aws ( 비용문제로 미정 ) 1. 프로젝트 세팅 1-1) Node.js다운 명령 프롬프트에서 node -v명령어 실행 시 아래 버전이 나오면 잘 다운된것임. 1-2) vs code (ide툴) 다운하기 1-3) 원하는 위치에 폴더 생성 1-4) vscode로 폴더 열기 file → new folder →내가 생성한 파일 선택하기 1-5) New Terminal 생성 터미널 생성하여 현재 경로가 내가 설정한 경로가 맞는지 확인 이후 'npm init -y'명령어를 실행하여 package.json생성해주기 우리는 여기서 초기설정을 할 예정! ※ pac.. 2023. 8. 29. 이전 1 다음 반응형
