FrontEnd/JavaScript44 [ JavaScript ] static (feat. 클래스) 정적 메서드 static method 란? prototype이 아닌 클래스 함수 자체의 메서드를 말한다. 정적 메서드는 클래스의 인스턴스 없이 호출이 가능하며 클래스가 인스턴스화되면 호출할 수 없다. 정적 메서드는 종종 어플리케이션의 유틸리티 함수를 만드는데 사용된다. 정적 메서드의 호출 다른 정적 메서드의 호출 동일한 클래스 내의 다른 정적 메서드 내에서 정적 메서드를 호출하는 경우, 키워드 this 를 사용할 수 있다. class StaticMethodCall { static staticMethod() { return "Static method has been called"; } static anotherStaticMethod() { return this.staticMethod() + " from a.. 2023. 11. 3. [ JavaScript ] 현재 시간 가져오기 (feat. Date) var date = new Date(); date.getTime() +new Date() Date.now() 참조 https://javascript.plainenglish.io/some-simple-and-amazing-javascript-tricks-292e1962b1f6 2023. 11. 2. [ JavaScript ] splice() vs slice() Array.splice 원본 배열을 바꾼다 (updates the original array) 추가, 삭제, 바꾸기 가능 Array.slice 원본 배열을 바꾸지 않는다. 삭제 가능 Array.prototype.splice()란? mdn문서 array.splice(fromIndex,itemsToDelete,item1ToAdd, item2ToAdd,... ) 요소 삭제 가능, 요소 추가 가능, 기존 요소 대체 2023. 11. 2. [ JavaScript ] every() every() 란？ 배열의 모든 요소가 제공된 함수로 구현된 테스트를 통과하는지 ; boolean 값 반환 코드에서 보기 // 들어온 이름들이 유효한 값들인지 판별하는 함수 const nameValidator = { checkLength: (names) => names.every((name) => name.length names.length === new Set(names).size, }; 코드 출처 https://github.com/woowacourse-precourse/javascript-racingcar-6/pull/3/files#diff-6f9c91db5f0d46907af0cc9094871b918e09f693018ce4930fee94cf41de9a78 2023. 11. 1. [ JavaScript ] attribute vs property attribute 란? HTML의 속성이다. 엘리먼트에 아이디나 클래스와 같은 추가적인 정보를 일컫는다. property 란? DOM의 속성이다. //html //attribute : class , style //DOM // property : className, style attribute vs property 기능 차이 엘리먼트 속성 접근 차이 attribute 는 정적으로 변하지 않고, property는 동적으로 값이 변할 수 있다. => attribute 는 html 안에, property는 DOM tree 안에 존재하기 때문이다. => DOM 은 JS 모델이므로 굳이 HTML 속성을 계속 업데이트 할 필요가 없다. 둘 다 값을 변경하고 싶다면, setAttribute()메서드를 사용하면 된다. .. 2023. 10. 31. [ JavaScript ] 특정 위치(index) 문자 찾기 string[index] string.chartAt(index) string.at(index) const string1 = 'abc' string[0] // 'a' string.charAt() // 'a' string.at(0) // 'a' string.at(-1) // 'c' // index 값으로 범위를 벗어나는 값을 입력했을 때 string[999] // undefined string.chartAt(999) //'' string.at(999) // undefined 2023. 10. 31. 이전 1 2 3 4 5 ··· 8 다음
