WPF나 MFC 등은 자체적으로 트리 컨트롤을 지원하지만. html 에서는 지원 하지 않는다. 트리 구조의 뷰를 만들기 위해서는 결국 이를 별도로 작성해야 한다. 트리 컨트롤은 기본적으로 재귀적으로 구현해서 재사용성을 높여 주는 것이 좋다. 물론 자신이 만드는 소프트웨어에서 데이터를 어떤식으로 구성 하고 있는지에 따라 다르겠지만, 재귀적으로 구현하면 노드의 Depth가 달라져도 계속 활용하여 사용 할 수 있기 때문이다. 이를 Vue JS로 구현해보기로 하자. 구성은 아래와 같다. 1. 표출할 데이터. 2. Vue Component 3.파일 구성 |--- HomeView.vue | |---TreeItem.vue -- TreeItem.vue [{{ isOpen ? '-' : '+' }}] {{ item.na..
웹 개발중 브라우저에서 CORS메시지가 뜨는 경우가 있어 Wireshark를 통해 패킷을 확인한 결과, WAS와 HTTP Server가 다른 경우에 OPTIONS 라는 패킷이 감지되는 경우를 발견 하였다. 나는 분명 GET으로 요청했는데 OPTIONS 패킷이 발생한 이유가 무엇일까? 라는 의문이 생겨 찾아보기 시작했다. 나는 HTTP Server로 C++로 구현하여 사용 하고 있었다. 하지만 자료 검색을 하다 보니 많은 것을 알 수 있었다. CORS(Cross-Origin Resource Sharing) CORS는 WAS와 데이터를 요청하는 Server가 다른 경우에 발생 한다. 이는 보안을 위해 생겼는데 출처가 다른곳으로 부터 데이터를 자율적으로 주고 받을 수 있게되면 보안상 많은 문제가 발생한다. C..
SRTP ? 실시간 전송 프로토콜 (Real-time Transport Protocol)로 네트워크 상에서 오디오와 비디오를 전달 하기 위한 통신 프로토콜이다. 전화 WebRTC등 화상통화와 미디어 스트리밍 시스템등에서 주로 사용한다. SRTP (Secure Real-time Transport Protocol)는 RTP에 보안기술을 접목하여 실시간으로 전송되는 데이터를 암호화하여 송,수신하는 프로토콜을 의미한다. SRTP는 기본적으로 AES 알고리즘을 사용하고 아래와 같이 구성되어있다. V = 2 P X CC M PT Sequence Number Time Stamp Synchronization Source Identifier (SSRC) Contributing Source Identifier (CSRC)..
Web RTC? - Web Real-Time Communication의 약자 - 웹, 앱에서 별다른 소프트웨어 없이 비디오 및 음성, 일반 데이터를 P2P방식으로 피어간의 전송 되도록 실시간 커뮤니케이션을 제공 해준다. -P2P 방식으로 피어간 전송이 되도록 지원해주어, 중간에 거치는 서버등이 없어 레이턴시가 낮을 수 있다. - 알아야 하는 기술 : STURN Server, Turn Server, ICE, Signalling Why WebRTC? WebRTC는 별도의 플러그인 설치 없이 간편하게 웹 브라우저를 통해 각종 영상, 음성 텍스트등을 네트워크로 전달 및 전송 할 수 있다. 그리고 양질의 오디오 그리고 비디오 데이터를 별도 3rd part 소프트웨어 혹은 플러그인의 도움 없이 전달 할 수있다. 이..