typescript

[React] Web API를 활용한 영상 녹화 구현하기

🏃‍♀️ 들어가며 최근 웹 사이트 상에서의 영상 녹화를 구현할 일이 있었다. 1. 사용자가 웹 사이트 상에서 녹화되는 영상을 실시간으로 확인할 수 있어야 하고 2. 녹화된 영상을 서버에 업로드하거나 다운로드할 수 있어야 했다. '웹캠 녹화'라는 키워드로 검색하면 웹캠으로 영상을 녹화할 수 있는 사이트들이 몇 개 나오는데 Web API를 활용하면 정말 쉽고 간단하게 그런 사이트들에서 제공하는 기능을 거의 그대로 구현할 수 있다. 이번 글에서는 이 사이트에서의 영상 녹화 기능을 비슷하게 따라 만들어 보면서 영상 녹화를 어떻게 구현했는지 기록해두려고 한다. 🛠️ 구현하기 API(Application Programming Interface)란 개발자가 복잡한 기능을 더 쉽게 만들 수 있도록 프로그래밍 언어로 제..