FrontEnd83 [ 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. [ React Native ] 프로젝트 시작하기 with TypeScript (feat. React Native CLI) 사이드 프로젝트로 미세먼지알림 서비스를 만들다가, 코드가 꼬여서 갈아 엎어야 하는 상황이 왔는데, 어차피 갈아 엎어야 한다면 어차피 모바일 버전만 있는 UI 이기 때문에, 이참에 React Native 도 공부하고 한번 어플리케이션으로 만들어보자 라는 마음으로 시작한다. 일단 간단히 iOS에서만 가능하도록 해보려고 한다. 리액트 네이티브로 프로젝트를 시작하는 방법이 두 가지가 있는데, 하나는 "Expo" 이고, 다른 하나는 "React-Native-CLI" 를 사용하는 방법이다. 두 가지 다 장,단점이 있는데 장점 단점 Expo - 앱을 쉽게 만들고 쉽게 빌드 가능 - Android Studio, XCode 설치 없이 작업 가능 - 다양한 API 지원 - 파일 자동 관리 - 제공되는 API만 사용 가능 .. 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. 이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음
