PROJECT 4

React.JS에서 openvidu 사용하기

리액트에서 오픈비두를 사용하여 화상미팅을 구현하는 것은 매우 간단하다. 우선 오픈비두 라이브러리를 install한다. npm i openvidu-browser 이러면 오픈비두를 사용할 모든 준비를 마쳤다. (여기서는 오픈비두 서버를 띄우는 것은 하지 않겠다) 오픈비두 라이브러리를 사용하여 화상 미팅을 구현하는 단계는 다음과 같다. Publisher OpenVidu 객체 생성 → session 생성 → token 생성 → user media 객체 생성 → publish Subscriber OpenVidu 객체 생성 → session 생성 → 메세지 수신 이벤트 정의 → 수신된 이벤트 처리 State const [OV, setOV] = useState(); const [session, setSession] ..

PROJECT 2022.06.21

OpenVidu 라이브러리

WebRTC WebRTC는 웹 브라우저 간에 플러그인의 도움 없이 서로 통신할 수 있도록 설계된 API이다. OpenVidu OpenVidu는 웹 또는 모바일 애플리케이션에서 화상 통화를 쉽게 추가할 수 있는 플랫폼이다. 애플리케이션에서 매우 쉽게 통합할 수 있는 완전한 기술 스택을 제공하고 있다. 오픈비두는 일대일, 일대다, 다대다 화상 미팅을 지원하고 있다. 또한 음소거, 비디오 on/off, 화면공유, 화면 녹화 등의 기능을 쉽게 사용할 수 있도록 해준다. 또한 다양한 튜토리얼을 제공하고 있어 쉽게 구현이 가능하다. Intro - OpenVidu Docs Intro - OpenVidu Docs Hello World Make your first video-call with just a few line..

PROJECT 2022.06.20

DOTORE 프로젝트 회고

NFT기반 재능 기부 플랫폼 DOTORE 개발 기간: 2022. 02. 28 ~ 2022. 4. 08 결과 github : https://github.com/jejinmyeong/dotore 특화 프로젝트를 마무리 하였다. 프로젝트의 시작 평소에 블록체인에 관심이 있었고, 요즘 HOT한 NFT 프로젝트를 해보고 싶다는 마음에 NFT프로젝트를 기획하게 되었다. 공통 프로젝트에서 사용하지 못했던 Typescript 적용과 CDD(컴포넌트 주도 개발), 반응형 웹 적용을 목표로 하였다. React에 어느정도 익숙해졌기에 보다 정확한 react hook의 사용을 하고자 노력을 하였다. 프로젝트를 진행하면서 좋았던 점 1. TypeScript 블록체인 구현 때문에 프론트엔드 파트를 많이 진행하진 못했지만 Type..

PROJECT 2022.06.11

DRAWING DREAM 프로젝트 회고

개발 기간: 2022. 01. 11 ~ 2022. 2. 18 결과 github : https://github.com/jejinmyeong/drawing-dream (현재는 비공개) 공통 프로젝트를 마무리 하였다. 프로젝트의 시작 사실 프로젝트를 처음 시작할 때, Front-End와 Back-End중 어느 파트를 맡을지 고민이 많았다. 프로젝트를 진행하다 보면 서로 도와주어야 하는 부분이 생긴다고는 하였지만 한쪽 분야에 치우친 개발을 해야 할 것이기에 나에게 맞는 파트를 선택해야 했다. 나는 웹 개발에 경험이 전무하고 더군다나 React는 한 번도 다루어 보지 않았기에 걱정이 많았다. 이번 프로젝트에서는 Front를 선택했고, 꽤? 재밌게 개발을 했던 것 같다. 그리고 프로젝트를 하면서 HTML, CSS,..

PROJECT 2022.02.23