분류 전체보기(13)
-
WebRTC (2) - 구글 예제 챕터 2 풀어보기
2단계 : RTCPeerConnection 을 사용하여 비디오 제공하기 01/26 초기 작성 심심해서 아주 예전에 공부하다 말았던 webRtc 예제에서 사용되는 메서드 등을 다른 사람들이 그냥 재미로 볼 수 있도록 작성하였습니다.공통 에러 같은 메시지를 시간과 함께 표시하기 위해서 trace 를 사용하는 걸 공통 함수로 사용합니다. function trace(text) { text = text.trim(); const now = (window.performance.now() / 1000).toFixed(3); console.log(now, text); }icecandidate rtc를 사용하면서 요청(offer)과 답(answer)를 하고 받는 것을 끝냈을 때, p2p 연결의 양쪽에서 icecnadida..
2023.01.26 -
WebRTC
WebRTC (Web Real Time Communication) 은 웹 애플리에키션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를 잡고 마음대로 스트림할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는 기술입니다. 별도의 플러그인이나 소프트웨어 설치 없이 브라우저에서 지원하는 기술들을 사용해서 데이터 공유와 화상 회의를 가능하게 만듭니다. 구글에서 공유한 웹 기반 커뮤니케이션 라이브러리 라고 생각하면 쉽습니다. P2P (peer to peer) 란 무엇인가? 보통의 웹사이트나 여러가지 서비스는 인터넷을 통해 중앙서버에 접속하여 데이터를 받는 방식인데, P2P는 상대방의 컴퓨터가 서버의 역할을 대신 해준다~ 라고 생각하시면 편할 것 같습니다. 그래서 개인 컴퓨터들이 네트워크로 연결되어 ..
2022.10.06 -
Typescript Decorator (타입스크립트 데코레이터)
타입스크립트 데코레이터 안녕하세요. 타입스크립트 데코레이터 공부하면서 정리한 내용입니다. 데코레이터 데코레이터 팩토리 데코레이터 합성 데코레이터 평가 클래스 데코레이터 메서드 데코레이터 접근자 데코레이터 프로퍼티 데코레이터 매개변수 데코레이터 메타데이터 데코레이터 데코레이터는 클래스 선언, Method, Accessor, property, parameter에 첨부할 수 있는 특수한 종류의 선언입니다. @Expression 형식 [(at icon) + Function name]을 사용합니다. 데코레이터 팩토리 데코레이터가 선언에 적용되는 방식을 원하는대로 바꾸고 싶을 때.. 그럴 때 작성하는 것으로 런타임에 호출할 표현식을 반환하는 함수 입니다. function Apple(value: string) { /..
2022.07.11 -
클래스와 인터페이스
보호되어 있는 글입니다.
2022.06.28 -
몽고디비 설치
몽고디비는 공식사이트에서 다운받을 수 있습니다. https://www.mongodb.com/download-center/community 윈도우 공식 사이트의 다운로드 화면에서 On-Premises를 선택하고, MongoDB Community Server 탭에서 Download 버튼을 눌러 파일을 내려받습니다. 내려받은 파일을 실행하면 설치 화면이 나타납니다. 확인하시고 동의하고 계속 넘어가면 설치가 끝 서버를 실행하기 전에 데이터가 저장될 폴더를 먼저 만듭니다. 윈도우의 경우 C 드라이브 아래 data 폴더를 만들고, 다시 그 안에 db 폴더를 만들면 됩니다. 몽고디비가 설치된 경로로 이동해서 몽고디비를 실행합니다. 폴더가 없으면 실행되지 않으므로 반드시 폴더를 먼저 만들어야 합니다. 콘솔에서 mong..
2021.11.01 -
Mock Server 설치
1. 인터넷에서 포스트맨 (Postman) 검색 후 설치를 합니다. 2. 어플리케이션을 실행한 뒤에 홈 화면에 Create New 버튼을 누릅니다. 3. 여러 개의 메뉴들이 있지만 Mock Server를 선택해줍니다. 4. Mock Server를 생성하는 화면으로 넘어가서 5. Method는 그대로 Get 방식으로 두고, Request URL에 test 라고 작성 한 뒤 Next 버튼을 누릅니다. 6. 만들 서버의 이름을 정하고 Create Mock Server 버튼을 누릅니다. 7. 어플리케이션에서 왼쪽 메뉴들 중 Collections를 누르게 되면 방금 만든 서버가 나오게 됩니다. 8. 저는는 서버 아래의 test 부분의 이름과 url이 제대로 세팅이 되지 않아서 test와 {{url}}/test로 ..
2021.11.01