개요 이 글은 https://www.30secondsofcode.org/에서 작성한 글을 번역 및 확인해보는 글 입니다. 원문 : Code Anatomy - For loops, array reduce and method chaining For loops const files = ['foo.txt ', '.bar', ' ', 'baz....

개요 최근 프로젝트에서 WebAPI중 하나인 MediaSteram API를 다루게 되면서 알게된 특이사항을 정리한 글이다. MediaStream API MediaSteram API는 오디오와 비디오 데이터 스트리밍을 지원하는 WebRTC 관련 API이다. 이 API를 적절하게 활용하여 웹 브라우저상에서 영상 및 오디오를 처리할 수 있게 된다. ...

개요 요즘 Front-End 에서 Stream을 녹화하는 작업을 하고있다. 이번 글에는 MediaDevices.getDisplayMedia() 함수와 MediaDevices.getUserMedia() 에서 발생하는 Stream을 저장하는 과정 및 관련 라이브러리에 대해 다루려고한다. 이에 대해 MDN에서 잘 정리해둔 문서가 있으니 한번 보고 오는것도...

Vue Life Cycle 개요 Vue는 React, Angular와 마찬가지로 LifeCycle hook을 제공합니다. 이 Life Cycle을 통해 원하는 시점에 필요한 처리를 할 수 있습니다. 최근 life cycle 관련으로 삽질을 하게되어 이번 기회에 정리해보고자 합니다. Vue의 life cycle Vue의 전체적인 life cycl...

0. 잠깐! 얼마전 캡틴판교님의 Vue.js 초급강의를 모두 수강하게되어 수강 배경 및 강의 내용을 가볍게 정리하고 넘어가고자 합니다. 이 글의 내용은 캡틴판교님의 강의 자료를 참고하였습니다. 링크 1. 저희는 Vue 써요. 현재 제가 다니고 있는 VIRNECT에 입사 면접을 볼 당시에 들었던 이야기였습니다. Vue가..뭐야??????? 저는...

Jest And Vue NodeJS가 이미 설치되어 있고 npm 혹은 yarn을 쓸수 있는 환경이라는 가정하에 작성되었습니다. 개요 Jest는 페이스북에서 만든 javascript테스트 라이브러리입니다. 이 글을 쓰고있는 현재(2020-03-24) 30.2k의 github star 및 4.3k의 Fork횟수를 자랑하는 그야말로 아주 잘 나가...

AWS Transcribe / Translate / Polly 0. 개요 Remote 2.0 에서 추가 계획인 실시간 음성 번역 기능 개발과 관련하여 AWS가 제공하는 솔루션에 대한 내용입니다. 1. 큰 그림 USER -> Amazon Transcribe -> Amazon Translate -> Amazon Polly ->...

개요 AWS CLI 및 AWS SDK 설치 관련하여 간략하게 메모를 남긴다. 삽질하는데 너무 화나서 이런 삽질 두번다시 하지 말자는 취지에서이다. Windows에서의 AWS CLI 설치 https://docs.aws.amazon.com/ko_kr/cli/latest/userguide/install-cliv2-windows.html 위 링...

들어가며 최근 이직한 회사에서 WebRTC를 사용하는 프로젝트에 참여하게 되어 WebRTC에 대해 공부한 내용을 아주 간략하게 정리하려고 한다. WebRTC 웹 브라우저 간에 플러그인의 도움 없이 서로 통신할 수 있도록 설계된 API 이다. (위키백과 참조) 당장 구글 크롬 개발자 도구를 켜고 RTCPeerConnection을 입력하면 RTCPe...

Two Strings 문제링크 설명 우선순위 큐를 활용하는 문제이다. 요소의 순위를 계속 유지해야하므로 이럴 때에는 우선순위 큐를 이용하자. 코드 //PriorityQueue가 구현되어있는 java를 활용함 static int cookies(int k, int[] A) { int calCount = 0; PriorityQueue...