반응형 Programing/Javascript40 JavaScript Static Properties JavaScript 정적 속성 소개 정적 메서드와 마찬가지로 정적 속성은 클래스의 모든 인스턴스에서 공유됩니다. 스태틱 속성을 정의하려면 static키워드 뒤에 다음과 같은 속성 이름을 붙입니다. class Item { static count = 0; } 정적 속성에 액세스하려면 다음과 같습니다. console.log(Item.count); // 0 스태틱 메서드로 액세스하려면 다음과 같습니다. class Item { static count = 0; static getCount() { return Item.count; } } console.log(Item.getCount()); // 0 클래스 생성자 또는 인스턴스 메서드의 정적 속성에 액세스하려면 다음 구문을 사용합니다. className.staticP.. 2022. 6. 27. JavaScript Static Methods JavaScript 정적 메서드 소개 정의상 정적 메서드는 해당 클래스의 인스턴스가 아닌 클래스에 바인딩됩니다.따라서 정적 방식은 도우미 또는 유틸리티 방식을 정의하는 데 유용합니다. ES6 이전에 정적 메서드를 정의하려면 클래스 생성자에 직접 추가합니다.예를 들어, 다음과 같은 데이터가 있다고 가정합니다.Person다음과 같이 입력합니다. function Person(name) { this.name = name; } Person.prototype.getName = function () { return this.name; }; Code language: JavaScript (javascript) 다음은 다음과 같은 정적 메서드를 추가합니다.createAnonymous()에게Person입력: Person... 2022. 6. 26. JavaScript Class Expressions JavaScript 클래스 식 소개 함수와 마찬가지로 클래스에도 식 형식이 있습니다.클래스 식을 사용하면 새 클래스를 정의할 수 있습니다. 클래스 표현식에서는 다음 ID가 필요 없습니다.class키워드를 지정합니다.또한 변수 선언에서 클래스 식을 사용하여 인수로 함수에 전달할 수 있습니다. 예를 들어, 다음은 클래스 식을 정의합니다. let Person = class { constructor(name) { this.name = name; } getName() { return this.name; } } Code language: Python (python) 작동 방식. 표현 왼쪽에는Person변수.클래스 표현식에 할당되어 있습니다. 클래스 식은 다음 키워드로 시작합니다.class이어서 클래스 정의를 입력합.. 2022. 6. 26. JavaScript Getters and Setters JavaScript getters 및 setters 소개 Person: class Person { constructor(name) { this.name = name; } } let person = new Person("John"); console.log(person.name); // John Code language: JavaScript (javascript) 그Person클래스는 속성이 있습니다.name그리고 건설업자.컨스트럭터가 초기화를 실시합니다.name속성을 문자열로 지정합니다. 가끔, 당신은 그 일을 원하지 않는다.name다음과 같이 직접 액세스해야 합니다. person.name Code language: CSS (css) 이를 위해, 여러분은 두 가지 방법을 생각해 낼 수 있습니다.name소유.. 2022. 6. 26. JavaScript 클래스 JavaScript 클래스는 개체를 만들기 위한 Blueprint입니다.클래스는 데이터를 조작하는 데이터와 함수를 캡슐화합니다. 자바나 C#과 같은 다른 프로그래밍 언어와는 달리 JavaScript 클래스는 시제품 상속을 위한 구문설탕입니다.즉, ES6 클래스는 단지 특수 기능일 뿐입니다. Classes prior to ES6 revisited ES6 이전에 JavaScript에는 클래스 개념이 없었습니다.클래스를 모방하기 위해 다음 예시와 같이 생성자/프로토타입 패턴을 사용하는 경우가 많습니다. function Person(name) { this.name = name; } Person.prototype.getName = function () { return this.name; }; var john = .. 2022. 6. 26. JavaScript 란? JavaScript는 웹 페이지 요소와 상호 작용하도록 설계된 프로그래밍 언어입니다.웹 브라우저에서 JavaScript는 세 가지 주요 부분으로 구성됩니다. ECMAScript는 핵심 기능을 제공합니다. 문서 객체 모델(DOM)은 웹 페이지의 요소와 상호 작용하기 위한 인터페이스를 제공합니다. Browser Object Model(BOM)은 웹 브라우저와 상호 작용하기 위한 브라우저 API를 제공합니다. JavaScript를 사용하면 웹 페이지에 인터랙티브를 추가할 수 있습니다.일반적으로 HTML 및 CSS와 함께 JavaScript를 사용하여 폼 검증, 대화형 맵 작성, 애니메이션 차트 표시 등의 웹 페이지 기능을 강화합니다. 웹 페이지가 로드되면(HTML 및 CSS 다운로드 후) 웹 브라우저의 Jav.. 2022. 6. 26. [JavaScript] 속성(property) 값(value)으로 객체 배열을 정렬(sort)하는 방법 JavaScript에서 속성(property) 값을 기준으로 객체 배열을 정렬하는 것은 실제로 매우 쉽습니다. 이 포스트에서 우리는 자바스크립트에서 속성(property) 값을 기준으로 객체 배열을 정렬하는 방법에 대해 다룰 것입니다. JavaScript에서 속성(property) 값으로 객체 배열을 정렬하는 것은 Array.prototype.sort 메서드 덕분에 실제로 매우 간단합니다. Array.prototype.sort 배열에 있는 각 항목의 순서를 결정하기 위해 실행되는 콜백 함수를 허용하며 이것이 JavaScript에서 속성(property) 값으로 개체 배열을 정렬하는 방법을 확인하는 데 사용할 것입니다. 정렬 방법은 콜백을 제공하지 않고 배열에서 호출할 수 있습니다. 이는 알파벳순으로 정렬.. 2022. 6. 22. [JavaScript] forEach 문 , for in 문 , for of문 목차 1. forEach 문 var arr = ["1", "2", "3"]; // ES6의 화살표 함수를 이용하면 코드를 아주 간결하게 만들 수 있습니다.(가장 자주 쓰는 형태) arr.forEach(item => { // item 변수는 배열 각각의 요소들을 순환합니다. console.log(item); }); // forEach 함수의 원형 그대로 사용하기 arr.forEach(function(item, index, arr2) { // item : 배열 각각의 요소 // index : 배열 인덱스 // arr2 : 배열 자체(반복문 돌리는 배열을 통째로 참조해야할 경우 사용) }); 2. for...in 문 for...in문은 객체의 속성을 반복하기 위해서 열거형과 함께 사용되며, EcmaScript.. 2022. 6. 16. [JavaScript] var, let, const 차이점을 정리해보겠습니다. 자바스크립트는 진화하고 있습니다. 하나의 결과를 갖고 여러 스타일의 코딩 방법이 사용되고, 개발자의 코드 스타일이 다르기 때문에 수많은 형태의 코드를 만들 수 있습니다. var로 기본 변수를 쭉 사용해왔지만, let/const를 알게 되었을 때 잘못된 코드를 여태 쥐어짜고 있었구나 느끼게 되었습니다. var let const에 관하여 정리된 글을 기반으로 다시 정리해보겠습니다. 목차 var를 사용하여 함수 수준 변수 선언 과거에 변수 선언을 하게 되는 가장 일반적인 방법이며, var 선언한 변수는 함수 수준입니다. 즉, 선언된 위치에 함수를 그대로 두는 한 변수는 유효하지 않게 됩니다. 예를 들면 다음과 같습니다. function foo() { var a = 23; console.log(a); } foo.. 2022. 6. 15. [javascript] console.log() 대하여 알아보자 현재 모든 자바스크립트 개발자가 가장친숙한 디비깅 툴은 무엇일까요? 아무래도 console.log가 아닐까 싶습니다. nodejs 서버개발과 프론트엔드 개발에서 디버깅 활용도가 높은 콘솔 객체에 대해서 정리해보겠습니다. 종류 console.clear() - 콘솔창 청소 브라우저 콘솔창이 지저분하다싶으면 clear()로 아주깔끔하게 지워버립니다. - 실행문 console.clear(); - 실행 결과 console.log() - 콘솔에 메시지 출력 기본 문자열을 출력합니다. object/array 같은 개체 출력도 가능합니다. - 실행문 console.log({korea: '대한민국', 'nodejs':'노트js'}); console.log(['aaa','bbb','ccc']); console.log('세.. 2022. 6. 13. 이전 1 2 다음 반응형
