[lib] mediamtx로 webrtc 구현하기

Mediamtx에서의 WebRTC WebRTC is an API that makes use of a set of protocols and methods to connect two clients together and allow them to exchange real-time media or data streams. You can read a stream with WebRTC and a web browser by visiting:http://localhost:8889/mystream WHEP is a WebRTC extensions that allows to read streams by using a URL, without passing through a web page. This allows to use..

• format_list_bulleted JavaScript/실무
• · 2025. 3. 31.
• textsms

[js] 시간 formatting 하기

날짜를 필요한 형식 (YYYY-MM-DDTHH:MM:SS)으로 변환/** * NOTE: 날짜를 필요한 형식(YYYY-MM-DDTHH:MM:SS)으로 변환 * @function formatToSimpleISOString * @param {string} dateString - 날짜 문자열 * @returns {string} - 변환된 날짜 문자열 */const formatToSimpleISOString = (dateTimeStr) => { const date = new Date(dateTimeStr); const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, '0'); const day =..

• format_list_bulleted JavaScript/실무
• · 2024. 12. 18.
• textsms

[JS] 자주쓰는 정규표현식

정규 표현식 생성1) 정규 표현식 리터럴을 이용한 생성방식const regexp = /hello/i;리터럴이란?변수의 값이 변하지 않는 데이터 그 자체를 의미한다.슬래시(/)와 슬래시(/) 사이에 검색할 문자열 패턴을 넣고, 슬래시가 끝나는 순서에 필요에 따라 플래그를 추가할 수 있다.정규표현식 리터럴을 사용하는 것이 일반적인 방법이며, 리터럴을 사용하면 정규 표현식 객체가 생성된다. 플래그플래그는 정규표현식의 옵션이므로 선택적으로 사용이 가능하다.순서와 상관없이 하나 이상의 플래그를 동시에 설정할 수 있다.플래그를 사용하지 않는 경우에는 문자열 내 검색 대상이 1개 이상이더라도 첫번째 조건 대상만을 검색하고 종료하게 된다.대표적인 플래그i (ignore case): 대소문자를 구별하지 않고 검색한다.g..

• format_list_bulleted JavaScript/실무
• · 2024. 11. 12.
• textsms

[라이브러리] Sortable - drag & drop (multiDrag)

MultiDrag MultiDrag Plugin 이 플러그인을 통해 사용자는 다른 리스트에 있는 항목을 선택하고 다른 한 항목으로 끌 수 있다. 일단 배치되면, 아이템들은 원래 순서대로 펼쳐지지만, 새로운 위치에서는 배치해준 그대로 나란히 펼쳐진다. multidrag는 사용자가 정렬 가능한 목록 내에서 한 번에 여러 항목을 선택하고 여러 목록 또는 동일한 목록 내에서 하나의 항목으로 끌 수 있다. Mount the Plugin 멀티 드래그는 정렬 가능한 JS의 플러그인이며, 정렬 가능한 모든 빌드에 포함되지는 않는다. 기본 Sortable.js 파일에서는 즉시 사용할 수 있지만, 모듈식 빌드에서는 기본적으로 마운트되지 않는다. 모듈식 빌드에서 마운트 하려면 다음코드를 사용하여야 한다. import { S..

• format_list_bulleted JavaScript/기본
• · 2023. 3. 15.
• textsms

나쁜 자바스크립트 작성 습관

https://blog.gogrow.dev/say-bye-bye-to-bad-javascript-practices-5971688ba80a Say bye bye to bad javascript practices When we take our first steps into the wonderful world of programming, we get to see for ourselves what it does for millions of people. It’s… blog.gogrow.dev https://yozm.wishket.com/magazine/detail/1836/ 나쁜 자바스크립트 작성 습관과 작별하기 | 요즘IT 멋진 프로그래밍의 세계로 첫걸음을 내디딜 때, 우리가 하는 일이 수백만 명의 사람들에게..

• format_list_bulleted JavaScript/기본
• · 2023. 2. 3.
• textsms

🔥component - 부품으로 정리

component - 부품으로 정리 SPA(Single Page Application)는 간단히 만들기 위함이지만, 규모가 커지면 복잡해진다. 이 때, “같은 종류의 처리를 하는 부분을 컴포넌트로 정리”하면 보기 좋고 이해하기 쉬워진다. HTML의 일부분을 오브젝트로 정리하는 것은 template 오브젝트를 사용한다. 그리고 오브젝트에 이름(컴포넌트 태그명)을 붙인 것을 “컴포넌트”라고 한다. // 준비된 컴포넌트가 표시된다. 컴포넌트 만드는 방법 전역 컴포넌트로 등록하는 방법 Vue.component('컴포넌트태그명', { template: 'HTML부분' }) 로컬 컴포넌트에 등록하는 방법 var 컴포넌트의 오브젝트명 = { template: 'HTML부분' } new Vue({ el: '#app',..

• format_list_bulleted JavaScript/vue
• · 2022. 12. 13.
• textsms