[0412-0421] React JS WebRTC(Agora - clubhouse) + Firebase

기술 스택
React
WebRtc
Firebase
부제
Agora에서 제공하는 webrtc 기술과 firebase를 결합하여, serverless video/audio chat app을 만들어보겠습니다.
모집 마감
2021/04/10
스터디 시작
2021/04/12
스터디 종료
2021/04/21
thumbnail
abstract-515.jpg

[Advanced] React JS WebRTC(Agora - clubhouse) + Firebase

2021.04.12 - 2021.04.21

Zoom Webinar 총 4회

4/12, 14, 19, 21
7p.m. ~ 8p.m.

대상

React JS 두 달 이상 경험하신 분
React Memo를 적절히 사용가능 하신 분
useCallback을 왜 언제 써야 하는지 80%이상의 자신감으로 알고 계신 분

이런 분들이 오시면 좋아요!

현업에 계신 분들 중, 새로운 자극이 필요하신 분
확실하게 포트폴리오를 추가 하고 싶으신 분

이런 분들은 오시면 얻어가는게 적을 수 있어요!

rerender가 뭔지 모르시는 분
useEffect, useState만 아시는 분
redux를 써본적이 없으신 분
따라서, basic vod를 숙지 하시거나, 다른 스터디 (챗팅 앱 만들기) 등을 먼저 이수하세요!

목적

agora webrtc + firebase를 활용하여, voice 및 text chat이 가능한 서비스 만들기
미니멈 템플릿 공유
리렌더링이 최적으로 되도록 (최소한이 아닌 최적!) 아키텍쳐 구성하기
audio mode, video + audio mode 모두 다 만들어 보기

Moderator & Lecturer

이성파

(Sungpah Lee)
👋
Ringle co-founder Full Stack Developer (8 yrs 👀) Rails, Flask, Nodejs React, React Native, NLP Stanford MBA KAIST MS, EE YONSEI BS, EE

진행

노션 페이지 하단 폼으로 신청 with email
해당 이메일로, 세션 시작전 이틀 전에 슬랙으로 초대 됩니다. *메일 주소가 틀리면 도울 수가 없습니다!
세션 입장 가능한 줌 링크는 시작 전 10분 전에 슬랙으로 쉐어 됩니다.
슬랙을 안쓰셨던 분은, 이번 기회에 슬랙도 한 번 써보시면 좋겠습니다 😎

Detail

첫주차
d1
agora + firebase 설치 및 사용
숙제: 앞으로 어떤 기능을 만들지 (이주내로 가능한 범위로) 구성해오기
d2
webrtc 구성하기 및 주의해야 할 점
조를 나눠서, 앞으로 남은 한 주동안 어떤 것을 구현할지 서로 공유하기
이주차
d1
Optimization에 대한 간단한 쉐어
서로 경과 공유 (조편성)
d2
demo 시간

Resources

없습니다.

주의

지각을 하셔도 상관은 없겠지만, 어짜피 중간에 들어오시면 못알아 들으실 겁니다. 본인을 위해 정시에 와주세요 (:
혼자 허공에 이야기 하는것은 너무 심심합니다. 마스크를 쓰셔도 상관 없으니, 화면은 켜주세요 🤣

정원

12명 내외

비용

보증금 20,000원 - advanced이고, 소수로 진행되기에, 기존 보증금 보다 좀 더 타이트하게 해보겠습니다.
참석률을 위한 보증금이며, 챌린저스의 정책에 따라 전체 출석 시 100% 환급 + 상금을 받으실 수 있습니다.
(챌린저스에 올바른 인증 사진을 올려야 합니다)

신청하기

1. 챌린저스 앱 다운 (chlngers.com)
챌린저스 검색창에 성파랍니다 를 검색하셔도, 제가 개설한 스터디 목록을 확인하실 수 있습니다!
해당 링크를 모바일로 여셔야 합니다.
3. 챌린지 (비밀번호: dev-ringle) 참여 (보증금 20,000원 결제)
챌린저스 및 현재 노션 페이지 하단 구글폼을 통해 신청을 모두 완료하신 분들에 한해 이메일로 슬랙방 초대가 진행됩니다.
보다 투명한 보증금 관리를 위해 챌린저스 어플을 활용하고 있습니다.
챌린저스의 정책에 따라 인증 미션 완료 시 100% 환급 + 상금을 받으실 수 있습니다.
이메일 주소가 정확한 지 꼭 확인해주세요.
챌린저스로 먼저 신청 한 후, 아래 신청 form으로 이메일을 제출하셔야만, 진행관련하여 정보를 들을 수 있습니다. 챌린저스는 디파짓 관리를 위해서만 사용되니 이점 유의하세요 👀
4. 신청 후, 아래의 (중요) 신청 구글폼을 통해 이메일과 이름을 제출해주세요. 해당 이메일로 슬랙 초대가 됩니다. 스터디 이틀 전에 초대 됩니다.
5. 신청 기한 이후의 등록에 대해선 챌린저스 디파짓, 슬랙 초대 등등은 지원되지 않습니다. 이점 유의해주세요!

챌린저스 인증 절차💡

정기 Webinar 시작 후 5분간 인증이 진행됩니다.
챌린저스 어플을 통해 Zoom 웨비나에 참여 중인 화면을 촬영해 인증하시면 출석으로 인증됩니다.
인증 미션 완료 시 100% 환급 + 상금을 받으실 수 있습니다.
(과제 미션이 아닌, 출석 미션입니다)

신청 Form

신청 스터디 제목: [0412] [Advanced] React JS WebRTC(Agora - clubhouse) + Firebase