코스 개요
미디어 디바이스 처리
navigator.permissions를 활용한 브라우저 권한
- 하드웨어 접근:
- 웹캠
- 마이크
- 선택적 권한:
- 위치 정보(Geolocation)
- 알림(Notifications)
- 클립보드(읽기/쓰기)
- 권한 쿼리 및 상태 확인
- 제한 사항 및 브라우저 호환성
navigator.mediaDevices를 이용한 미디어 디바이스 읽기
- 디바이스 열거(Enumeration)
- 디바이스 변경 처리
크로스 브라우저 호환성
- API 사용법:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari 폴백 전략
미디어 디바이스 처리
- 디바이스 초기화: getUserMedia(constraints)
- 미디어 디바이스 제약 조건(Constraints)
- 미디어 스트림 시작 및 중단
- 디바이스 변경 처리
MediaRecorder를 활용한 디바이스 녹화
- 스트리밍 및 녹화 시작/중단
- .webm 파일 다운로드
- 실시간 웨이브폼 미리보기
선택적 추가 기능:
- ScriptProcessorNode를 사용하여 .wav 형식으로 저장
- 오디오 FFT 스펙트럼 시각화
- 데시벨 단위 볼륨 바
- webkitSpeechRecognition을 이용한 음성 인식
피어 커넥션(Peer Connection)
시그널링 서버
- 양방향 채널 옵션:
- WebSocket
- Socket.io
- SignalR
- 메시지 구조
- 단순화된 WebRTC 클라이언트
- 완전한 시그널링 플로우
WebRTC를 통한 영상 채팅
- 아키텍처: Node.js + ws
- WebRTC 클라이언트: RTCPeerConnection
- 로컬 E2E 테스트
선택적 기능:
- 통화 종료(커넥션 닫기, 미디어 중단)
- 그룹 콜(다중 사용자 룸)
- 토큰 기반 간단한 인증
화면 공유
- getDisplayMedia() 사용
- 아키텍처 및 옵션
세션 디스크립션 프로토콜 (SDP)
- 소개 및 내용
- SDP 읽기 및 해석
- 코덱:
- 오디오 및 비디오
- 네고시에이션 및 제어
- 폴백 전략
getStats()를 활용한 WebRTC 통계
- 통계 유형
- 통계 해석 방법
- 라이브 비트레이트/지터 차트
- 품질 적응 전략
모든 주제는
- 실무 중심 사용 사례(Hands-on use-case)
요건
이 과정은 영상 채팅, 화면 공유, 오디오 스트리밍과 같은 브라우저 기반 실시간 커뮤니케이션 기능을 구축하는 프론트엔드 및 풀스택 개발자, 기술 아키텍트, 엔지니어에게 이상적입니다. 참가자는 JavaScript와 웹 기술에 대한 실용적인 지식을 갖추고 있어야 하며, Node.js 및 WebSocket 기반 커뮤니케이션 경험이 있는 경우 유용합니다.
회원 평가 (3)
이번 훈련은 Burp Suite에 대한 나의 지식과 이해도를 넓히는 데 큰 도움이 되었습니다. 또한, 스스로 학습한 내용은 아직까지 제한적이라는 것을 깨달았습니다. Burp Suite는 보안 테스트를 수행하고 애플리케이션 테스트의 전반적인 품질을 개선하는 데 매우 유용한 도구이므로, QA 직무에서 근무하는 저에게는 특히 가치가 있는 훈련이었습니다. 앞으로 이 도구를 지속적으로 탐구하며 그 기능과 역량을 더 깊이 있는 형태로 학습해 나가겠습니다.
Rea Mendez - BAKAWAN Data Anallytics Inc.
코스 - OWASP Top 10 2025
기계 번역됨
AI 공격과 보안 테스트를 시작하고 적극적으로 활용하기 위한 도구를 배우는过程을 매우 Enjoy 했습니다. 처음에는 없던 많은 지식을 얻었고, 과정이 제가 바란 대로 충족했습니다. 교육 중 가장 인상 깊었던 부분은 Comet Browser였으며, 그것이 할 수 있는 것에 놀랐습니다. 더 깊이 살펴보게 될 것입니다. 전반적으로 매우 좋은 과정이었고, 모든 OWASP GenAI 상위 10을 배우는 것을 Enjoy 했습니다.
Patrick Collins - Optum
코스 - OWASP GenAI Security
기계 번역됨
실습, 실습 문제, 대면 지원 및 질문.
Jose Paulos - INESC TEC
코스 - Tailwind CSS
기계 번역됨
