video 태그 muted 설정하기 HTML5 에서 video 태그가 추가됨으로써 동영상을 쉽게 삽입할 수 있게 되었다. video 태그에는 몇 가지 속성 값을 정할 수 있다. autoplay, controls, muted 등이 있다. : 비디오 삽입 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. 오디오 콘텐츠에도 사용할 수 있으나, 요소가 사용자 경험에 좀 더 적합합니다. developer.mozilla.org controls 해당 속성을 명시하면 소리 조절, 동영상 탐색, 일시 정지 및 재시작 기능을 지원하는 컨트롤러 버튼을 제공한다. 컨트롤러 버튼을 사용해서 동영상을 음소거 할 수 있다. ..
Object.defineProperty https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty Object.defineProperty() - JavaScript | MDN The static method Object.defineProperty() defines a new property directly on an object, or modifies an existing property on an object, and returns the object. developer.mozilla.org 객체의 동작을 재정의하는 메서드이다. Object.defineProperty(대상 객체,..
호이스팅(Hoisting) 스코프 안에 있는 선언들을 모두 스코프의 최상위로 끌어올리는 것이다. 선언문들을 미리 실행하는 것이라 생각하면 된다. 실제 메모리에서는 변화가 없다. var 키워드나 함수 선언문 같은 경우는 코드 실행 전 자바스크립트 내부에서 미리 변수를 선언하고 undefined로 초기화를 해놓는다. let 키워드, const 키워드와 함수 표현식도 호이스팅이 발생하긴 하나 변수를 선언만 해놓을 뿐 초기화하지 않는다. 초기화는 변수 선언문을 만났을 때 수행한다. 이때 선언과 초기화 사이에 일시적으로 변수 값을 참조할 수 없는 구간을 Temporal Dead Zone(TDZ)이라 한다. 예제 1 console.log(typeof(funcHello)); console.log(typeof(func..
jQuery 메소드 정리 클래스 관련 // name이라는 id를 가진 태그에 up이라는 클래스 추가 $('#name').addClass('up'); // name이라는 id를 가진 태그에 down이라는 클래스 제거 $('#name').removeClass('down'); // name이라는 id를 가진 태그에 up이라는 클래스가 없으면 추가, 있으면 제거 $('#name').toggleClass('up'); // item에 down이라는 클래스가 있으면 true, 없으면 false 리턴 $("#name").hasClass('down'); 속성 관련 // 이미지 태그의 src 속성 받아오기 $('img').attr('src'); // 이미지 태그의 src 속성 지정하기 $('img').attr('src',..
Audio 객체 Audio 상태는 생성, 재생, 정지 3가지 중 하나로 설정할 수 있다. 생성 : new Audio(file) 재생 : .play() 정지 : .pause() currentTime 속성 값을 사용하여 audio 정지 후 다시 재생할 때 원하는 재생 위치로 지정할 수 있다. 예제 let sound = audio = new Audio('파일 위치') $(document).on('keydown', function(event) { if (Number(event.key) === 1) { sound.currentTime = 0 sound.play() } }) Audio 객체를 생성하여 sound 변수에 저장한다. 키보드의 버튼을 눌렀을 때 함수가 동작한다. 키보드에서 입력받은 값이 1인 경우 sou..
String charAt() let str = 'String'; console.log(str.charAt(3)); 특정 인덱스의 문자를 받아올 수 있다. indexOf() 문자열 내에 찾는 문자(또는 문자열)가 포함되어 있는지 알 수 있다. 포함되어 있다면 해당 문자열이 시작되는 문자의 인덱스 값이 반환되고, 포함되어 있지 않다면 -1이 반환된다. let str = 'Index Of Of'; console.log(str.indexOf('d')); console.log(str.indexOf('Of')); lastIndexOf() indexOf와 같은 기능을 하지만, 문자열의 뒤에서부터 찾는다. let str = 'Index Of Of'; console.log(str.lastIndexOf('Of')); su..
