프로그래머스 코딩테스트 하던 중 자주 쓰지 않았던 fill()메서드를 활용한 경우가 많아 익숙하지 않은 메서드를 학습해보고자 fill()메서드에 대해 정리해보았다.fill()fill(value, start, end)배열의 start index 부터 end index 전까지(end index는 미 포함) value값으로 채워주는 함수이다.value : 배열에 넣을 값 start : value 값을 채울 배열의 시작 index (기본 값 : 0) end : value 값을 채울 배열의 종료 index로 end는 포함하지 않습니다.  (기본 값 : 배열의 길이) 예시const array = ['a', 'b', 'c', 'd'];array.fill('A', 1, 3); // ['a', 'A', 'A', 'd']..

진행한 프로젝트 중 광고 영상이 재생되고 영상이 끝나면 링크 이동하는 페이지가 있었다.여기서 더 발전해 광고 영상 재생 중 해당 광고 관련 회사 qr코드와 영상 재생 중간 쯤 영상을 스킵하는 버튼이 등장하는 것을 추가하기로 해 비디오와 관련된 이벤트를 알아보았다. 해당 기능을 위해 필요한 정보전체 영상 길이영상 길이의 중간 지점현재 재생 지점전체 영상 길이와 중간 지점은 "loadedmetadata”, “duration” 를 활용한다.loadedmetadata는 미디어의 현재 재생 위치에 있는 프레임이 로드를 완료한 경우에 실행되는 이벤트로 duration 속성을 활용해 전체 영상 길이를 반환한다.Video.addEventListener('loadedmetadata', () => { videoElemen..

특정 문자 포함 여부를 확인하는 정규식 규칙(리터럴)을 매번 헷갈려 정리해보았다.정규식 메서드test()test() 메서드를 활용해 주어진 문자열이 정규 표현식을 만족하는지 판별하고, 그 여부를 true 또는 false로 반환한다.const regex = /coffee/;const txt = "I love coffee";console.log(regex.test(txt));// truematch()문자열에서 정규 표현식에 매칭 되는 항목들을 배열로 반환한다.const regex = /coffee/;const txt = "I love coffee";console.log(txt.match(regex));//["coffee"]replace()정규 표현식에 매칭되는 항목을 대체 문자열로 반환한다.console.l..