Enjoy Programming

이번에는 Set 에 알아보자. 역시 mdn 부터 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set Set - JavaScript | MDN Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. developer.mozilla.org set은 객체이다. set 객체는 자료형에 관계없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. 매개변수로는 iterable한 객체가 전달된 경우, 그 요소는 모두 새로운 set에 추가된다. 만약 매개변수를 명시하지 않거나 null 을 전달하면 , 새로운 set은 비어있는 상태가 된다. return 값은 새로운 Set객체 Set..

현재 만든 비디오 플레이어는 녹화하고 다운로드해서 webm파일을 얻을 수 있다. 하지만 부족한게 많다. 내 맥북에서는 파일이 webm 이라 구동시 브라우저로 열리고 플레이어 이용시 호환이 안된다. 음 니코의 경우 어떤 플레이어를 쓰는지 모르지만 플레이어 구동시 duration도 안나오고 range조절도 안된다. 이번엔 이것을 수정하는 코드를 짜볼건데 FFmpeg를 가지고 mp4로 변환하고 썸네일도 추출할 것이다. FFmpeg는 디지털 영상스트림과 음성스트림을 다양한 형태로 저장하고 변환하는 컴퓨터 프로그램이다. https://www.ffmpeg.org/ FFmpeg Converting video and audio has never been so easy. $ ffmpeg -i input.mp4 outpu..

기존 자바스크립트에서 삼항연산자의 경우 condition ? ture - return : false- return 이런식으로 condition이 true이면 true일때의 리턴갑슬 false이면 false일때의 리턴값을 보내주는 방식이다. 뭐 중첩도 되고 여러 방향에서 쓰일 수 있다. 그런데~ react를 공부하며 삼항연산자에 && operator를 알게되었는데 true && expression은 항상 expression으로 평가되고 false && expression은 항상 false로 평가된다. 쉽게 말해 true일때만 expression이 실행된다. false라면 그냥 react는 무시한다. 살짝 맛만 보자면 위 코드에서 기본적으로 nowPlaying이 false이면 오른쪽은 아에 실행되지 않는다,..

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

detail 컨테이너 작업을 해주는데 아직 detail page에 대한 route가 없다. 라우터로 가서 route를 만들어주자 detail 페이지는 해당 영상의 id가 필요하다. id를 변수로 :id를 지정해주고 라우트를 만들어줬다. 잊지말고 컴포넌트는 임포트해주자. 그리고 :id를 URL로부터 어떻게 가져오는지 movie에 해당 id를 보여줄지 tv의 해당 id를 보여줄지 선택할 수 있게 작업해야한다. 먼저 header 라우터에서 withRouter를 사용했는데 이때는 라우터에 의해 호출된 컴포넌트가 아닌 항상 보여지는 컴포넌트이기에 location값을 얻기위해 사용했다. 하지만 router설정이 되어있는 detail의 경우 withRouter없이 링크를 클릭해 라우터에 접속함으로 인해 history..

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