taenyLog

chatGPT에게 getElementById와 querySelector 의 차이를 물어봤다. getElementById와 querySelector는 모두 JavaScript에서 DOM 요소를 선택하기 위해 사용되는 메소드입니다. 하지만 두 메소드는 사용하는 방식과 동작에 차이가 있습니다. getElementById: 이 메소드는 주어진 ID에 해당하는 요소를 선택합니다. DOM에서 ID는 고유해야 하므로 문서 내에서 유일한 요소를 선택할 때 사용됩니다. getElementById는 document 객체의 메소드이므로 전체 문서에서 요소를 찾습니다. 예시 : javascript const element = document.getElementById('myId'); querySelector: 이 메소드는 C..

JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작한다. 또한 strict mode와 non-strict mode에서 차이가 있다. 대부분 this의 값은 함수가 호출되는 방식(런타임 바인딩)에 따라 결정된다. 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때마다 다를 수 있다. bind() 메서드는 호출 방법에 관계없이 함수의 this 값을 설정할 수 있으며 화살표 함수는 고유한 this 바인딩을 제공하지 않는다. const test = { prop: 42, func: function() { return this.prop; }, }; console.log(test.func()); // Expected output: 42

Element :classLists는 요소의 클래스 속성에 대한 라이브 DOMTokenList 컬렉션을 반환하는 읽기 전용 속성이다. classList를 사용하는 것은 element.className을 통해 공백으로 구분된 문자열로 요소의 클래스 목록에 액세스하는 것보다 편리한 대안이다. 클래스 속성이 설정되지 않았거나 비어있으면 빈 DOMTokenList, 즉 길이 속성이 0인 DOMTokenList를 반환한다, classList 속성 자체는 읽기 전용이지만 add(), remove(), replace() 그리고 toggle() 메서드를 사용하여 연결된 DOMTokenList를 수정할 수 있다. classList.contains() 메서드를 사용하여 요소에 지정된 클래스가 포함되어 있는지 여부를 테스트..