JS 3 [유튜브] url로 영상의 정보를 가져오는 기능 만들기 들어가며 이번 글에서는 유튜브 링크를 기반으로 해당 영상의 meta 정보를 가져와 활용하는 예제를 살펴보겠습니다. 최근 업무에서 유튜브 링크로 실제 데이터를 가져오기 전에 브라우저 단에서 10분짜리 영상인지를 판별하는 로직이 필요했습니다. 서버에서 10분 이상인 영상의 경우 처리할 수 없다는 에러코드가 나옵니다. 하지만 모든 업로드 프로세스가 마무리되고 난후에 날아오는 에러코드이기에 UX적으로 불편했습니다. 그래서 이번에는 유튜브 링크로 바로 meta를 가져와 유저에게 알려주는 기능을 개발하게 되었습니다. 유튜브 링크로 바로 meta를 가져와 유저에게 알려주는 기능 본문에 들어가기 전에 완성된 기능을 보고 가겠습니다. 기능 구현 일단 해당 기능을 구현하기 전에 라이브러리가 있나 살펴보았습니다. 여러 가지.. 2023. 7. 25. [자바스크립트] 배열 비교하는 3가지 방법 + 형님의 솔루션 배열을 비교하는 방법 코딩을 하다 보면 필연적으로 값을 비교하는 경우가 있습니다. 이번 글에서는 그중에 배열을 비교하는 방법에 대해 논해보고자 합니다. 제가 이때까지 한 코딩을 생각해보니 위의 2가지 방법을 주로 썼습니다. 반복문을 이용해 값을 하나씩 읽어와 비교하는 방법 Array.toString 를 이용하는 문자열로 바꿔 방법 JSON.stringify 를 이용하여 문자열로 바꿔 방법 일반적으로 값을 하나씩 비교하는 것은 아래 2가지 방법보다 시간이 오래 걸릴 테니 2,3번 방법의 속도를 비교해보도록 하겠습니다. == VS === 에 따른 이상한 배열 비교 일단 바꾸기 전에 잠깐 자바스크립트의 비교 문법에 대해 살펴보고 가겠습니다. 첫번째 : == 비교이기 때문에 같은 타입이라 형변환없이 비교합니다... 2020. 9. 27. [자바스크립트] delete 연산에 대하여 자바스크립트에서 delete 연산자는 C 및 C++의 키워드와 다른 기능을 합니다. 바로 속성(property)을 제거하는 기능입니다. 또한 메모리를 직접 비우지 않는 대신 객체에서 속성을 제거하기 때문에 delete를 하게 되면 empty를 가진 배열이 생성됩니다. 다음의 예제를 보시죠. var array = [0, 1, 2, 3] delete array[2] true array // (4) [0, 1, empty, 3] delete 연산의 결과 empty를 가진 배열이 만들어졌습니다. 여기서 눈 여겨봐야할 점은 배열의 길이입니다. delete 연산을 하여도 배열의 크기는 그대로 유지됩니다. 따라서 delete 연산은 배열을 재배치하여 돌려주는 연산자가 아님을 알 수 있습니다. 그렇다면 for문을 돌려.. 2020. 7. 13. 이전 1 다음
