아삭

CCTV는 카메라에 직접 붙지 않는다 — MediaMTX 연동에서 배운 것들CCTV를 웹과 AI에 붙일 때, 가장 흔한 착각은 브라우저와 AI가 카메라 RTSP를 그대로 본다는 것이다. 실제로는 그 사이에 미디어 서버가 있다. 카메라는 하나만 송출하고, 웹(WebRTC)과 AI(RTSP)는 미디어 서버가 재배포한 스트림을 본다.이 글은 MediaMTX를 허브로 둔 CCTV 연동을 붙이면서 반복해서 막혔던 지점을, 증상 나열이 아니라 왜 그렇게 설계했는지 / 어디서 헷갈리는지 중심으로 정리한다.1. 왜 미디어 서버를 두는가카메라 원본 RTSP는 현장 장비다. 브라우저가 직접 붙기 어렵고, 여러 클라이언트가 동시에 pull하면 카메라가 먼저 죽는다. 역할은 이렇게 나뉜다.카메라 (원본 RTSP :554) ..

내부 클래스는 외부 참조가 발생하게 됨 -> 숨은 참조 발생숨은 참조에 의해 GC 대상이 안됨 -> 메모리 누수내부 클래스에서 static을 사용하면 참조 발생 X 단, 내부 클래스에서 static을 사용하면 인스턴스를 생성할 때마다 새롭게 static 영역에 할당됨 (원래는 한 번만 할당됨) -참고 블로그 글https://rlaehddnd0422.tistory.com/190

deleteAllChildren(childId); function deleteAllChildren(id) { const place = draft[id]; place.childIds.forEach(deleteAllChildren); delete draft[id]; } 리액트를 공부하다가 delete라는 문법을 새로 알게 되었다.delete draft[id]에서 사용된 delete는 JavaScript의 연산자(operator)로,객체에서 속성(프로퍼티)을 제거할 때 사용하는 문법(배열에서는 사용 X) delete 문법delete object.property;// ordelete object['propertyName'];객체에서 특정 속성(key)를 완전히 제거함제거된 후에는 그 속성이..

매개변수 목록 괄호 생략하기화살표 함수가 매개변수를 하나만 사용할 경우, 묶는 괄호를 생략할 수 있다.(userName) => { ... }가 아니라userName => { ... } 매개변수가 없는 경우에는, 괄호를 생략하면 안된다.() => { ... } 매개변수가 두 개 이상인 경우에도 괄호를 생략하면 안된다.userName, userAge => { ... }가 아니라(userNAme, userAge) => { ... } 함수 본문 중괄호 생략하기화살표 함수에 반환문 외에 다른 로직이 없는 경우, return 키워드와 중괄호를 생략할 수 있다.number => { return number * 3;}가 아니라number => number * 3;라고 쓸 수 있다.// 아래와 같이 쓰면 오류 발생n..

method 멱등성(idempotency)RFCPOST생성 (서버에서의 다양한 작업)XThe POST method requests that the target resource process the representation enclosed in the request according to the resource's own specific semantics.PUT전체 업데이트OThe target resource in a POST request is intended to handle the enclosed representation according to the resource's own semantics, whereas the enclosed representation in a PUT request is ..

컴포넌트 기반의 재사용성과 유지보수성리액트는 UI를 독립적인 컴포넌트 단위로 분리해 개발할 수 있게 하며, 이렇게 만들어진 컴포넌트는 여러 곳에서 재사용 가능. 이로 인해 코드의 유지보수와 확장이 매우 쉬어짐.애플리케이션이 복잡해져도 각 기능과 UI가 명확하게 분리되어 있어, 개발 생산성이 높아짐. 가상 DOM(Virtual DOM)을 통한 성능 최적화리액트는 실제 DOM이 아닌 가상 DOM을 사용해 변경된 부분만 효율적으로 업데이트함. 이로 인해 웹 애플리케이션의 렌더링 속도가 빨라지고, 사용자 경험이 크게 향상됨.대규모 애플리케이션에서도 빠른 반응성 유지 가능. 활발한 커뮤니티와 생태계리액트는 전 세계적으로 많은 개발자가 사용하는 오픈소스 라이브러리로, 방대한 자료와 다양한 서드파티 라이브러리, 활발..

typeof null // object 변수를 선언하고 빈 값을 할당한 상태이다.즉, 빈 객체이며 의도적으로 비어있음을 나타낸다.값의 부재를 의미한다. typeof undefined // undefined 값이 할당되지 않은 변수 혹은 속성을 사용하려고 할 때, undefined가 반환된다.즉, 변수의 초기값이다.또한 undefined는 원시값(Primitive Type)이기도 하다. undefined == null // trueundefined === null // false!null //trueisNaN(1 + undefined) // trueisNaN(1 + null) // false JavaScript에서 undefined는 숫자 연산에 참여하..

[ Iterator 인터페이스 ]컬렉션의 각 요소에 접근 가능 >>> but, 향상된 for 문 권장![ ListIterator 인터페이스 ]컬렉션의 요소의 대체, 추가, 인덱스 검색 등을 위한 작업에서 양방향 이동 지원 void add(E e)해당 리스트에 전달된 요소 추가. (선택적 기능)boolean hasNext()순방향 순회에서 다음 요소가 있으면 true, 가지고 있지 않으면 false 반환.boolean hasPrevious()역방향 순회할에서 다음 요소가 있으면 true, 가지고 있지 않으면 false 반환.E next()다음 요소를 반환하고, 커서의 위치를 순방향으로 이동.int nextIndex()다음 next() 메소드를 호출하면 반환될 요소의 인덱스 반환.E previos()이전 ..

백준 6064번의 문제를 단순히 풀려고 하면 시간 초과가 생긴다.이를 해결하기 위해서 공부해야 하는 것이 아래의 "중국인의 나머지 정리"이다.수론과 환론에서 중국인의 나머지 정리(中國人-定理, 영어: Chinese remainder theorem)는 서로소 아이디얼들에 대한 몫환들의 곱에 대한 정리이다. 즉, 수론적 용어로 쓰면, 어떤 서로소 자연수들에 대한 연립 합동식의 해의 유일한 존재에 대한 정리이다.(출처: 위키백과)https://ko.wikipedia.org/wiki/%EC%A4%91%EA%B5%AD%EC%9D%B8%EC%9D%98_%EB%82%98%EB%A8%B8%EC%A7%80_%EC%A0%95%EB%A6%AC 중국인의 나머지 정리 - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 ..

스프링부트에서 테스트를 위해 @Test 어노테이션을 붙인 메서드들을 한꺼번에 실행할 때, 메서드의 순서는 보장되지 않는다. 따라서 다음과 같은 작업을 해주어야 한다. 테스트에 사용되는 데이터는 각 테스트가 종료되면 같이 지워져야 다음 테스트에서 오류가 안난다. 테스트가 종료되면 생성한 데이터를 모두 삭제하는 코드를 @AfterEach가 붙은 메서드에 넣어주면 된다.@AfterEachpublic void afterEach() { // 삭제하는 코드} 반대로 테스트에 사용되는 데이터가 미리 존재해야하는 경우 테스트가 실행되기 전에 실행되어야 하는 코드를 @BeforeEach가 붙은 메서드에 넣어주면 된다.@BeforeEachpublic void beforeEach() { // 테스트 전 실행되어야 하는 코드..