Enjoy Programming

https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder MediaRecorder - Web APIs | MDN The MediaRecorder interface of the MediaStream Recording API provides functionality to easily record media. It is created using the MediaRecorder() constructor. developer.mozilla.org 앞서 preview를 할 수 있게 웹캠을 켜는 것을 했다면~ 이제 recording을 해봐야한다~ 먼저 자잘하게 preview를 했던 함수를 init으로 바로실행시켜서~ 업로드 페이지에 가면 바로 볼 수 있게하고 st..

앞서 정리 하지 못했던 video recorder만들기를 다시 포스팅 해본다. 여기서 이용할 것은 다음과 같다~ https://developer.mozilla.org/ko/docs/Web/API/MediaDevices MediaDevices - Web API | MDN MediaDevices 인터페이스는 카메라, 마이크, 공유 화면 등 현재 연결된 미디어 입력 장치로의 접근 방법을 제공하는 인터페이스입니다. 다르게 말하자면, 미디어 데이터를 제공하는 모든 하드웨어 developer.mozilla.org MediaDevices인터페이스는 카메라 마이크 공유 화면등 현재 연결된 미디어 입력 장치로의 접근 방법을 제공하는 인터페이스이다. 미디어 데이터를 제공하는 모든 하드웨어로 접근할 수 있다. 부모 인터페이..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce Array.prototype.reduce() - JavaScript | MDN reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. developer.mozilla.org 금일 챌린지 중에서 배열의 원소들을 모두 합하는걸 써야 했는데 음 이전 파이썬 c언어 할때는 주로 for문 돌려서 연산을 했다~ 음 찾아보니 자바스크립트에는 reduce라는 좋은 메소드가 있었다. 배열의 각 요소에 대해 주어진 reducer함수를 실행하고 하나의 결과값을 반환한다. 리듀서는 네개의 인자를 ..

리액트 챌린지 1일차.. 아 순간 벙쪘다... 에러투성이.. 1일부터 이렇다니;;; 내가 클래스에 대해 너무 몰랐던거 같다.. 일단 오늘 클래스에 대해 한가지 알게 된점을 서술하고 몇가지 함수만 기록한다. 우선 챌린지 진행을 하는데 주요 골자는 클래스 하나가 선언되어있고 외부에 오브젝트 두개가 있다. 그리고 인스턴스를 만들지 않고 함수를 실행해서 새로운 객체를 만들어주는 것인데.. 이제껏 인스턴스를 만들어서 함수를 실행하는 것만 해보다 보니 벙쪘다. 한 두시간 헤맨거 같다.. 근데 slack의 친절한 도움으로 해결할 수 있었다.. mdn을 잘 살펴보자 ㅠㅠ mdn이 최고다.. 독해력이 좀 부족할뿐.. 바로 이부분이다... 기존 작성된 코드를 건들지 않고 해야 하다보니 필수로 이용했어야 할 정적메서드 이다..

이미 promise에 대해 포스팅을 한적이 있지만 다시 한번 짚고 넘어가자. promises에 대해 알아보기 전에 먼저 비동기성과 동기성에 대해 생각해보자 & Synchronous 동기식 동기.. 참 어려운 말인듯 하다. 검색을 하다보면 정말 각양각색으로 풀이를 해놨다. 대부분 현재 작업의 요청과 응답이 동시에 발생하는 것이라고 기술하고 있는데 필자가 이해하기에는 동시라고 하기엔 같은 시간에 함께 이루어져야 하므로 혼동이 올 수 밖에 없을 것 같다. 필자가 이해하기에는 현재 요청에 대한 응답이 발생함과 동시에 다음 작업을 요청하는 것? 그렇기에 전 후 순서가 있게 이루어지는 것이 동기식이라 생각된다. & Asynchronous 비동기식 비동기란 다수의 작업이 동시에 일어날 수 있다는 의미이다. 동기와 다..

이번에는 새로 추가된 반복문인 For ...of를 살펴보자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...of for...of - JavaScript | MDN for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 developer.mozilla.org mdn - for ...of명령문은 반복가능한(iterable) 객체(array, map, set, string. typedarray, arguments 등등)에 대해서..