반응형

Web/JavaScript ES6 3

[JavaScrpt] ES6 - 계산된 프로퍼티, 객체 메소드

계산된 프로퍼티 (Computed property )란? 자바스크립트ES6에서는 객체의 속성명을 동적으로 계산하여 정의할 수 있는데, 이를 "계산된 프로퍼티(Computed Property)"라고 합니다. 계산된 프로퍼티를 활용하면 변수 값을 활용하여 객체의 속성명을 동적으로 지정할 수 있습니다. 아래는 간단한 예제 코드와 함께 설명합니다. let n = "name"; let a = "age"; const user = { [n] : 'Mike', // 계산된 프로퍼티: 속성명은 n에 할당된 값인 "name" [a] : 30, // 계산된 프로퍼티: 속성명은 a에 할당된 값인 "age" } console.log(user) 계산된 프로퍼티의 활용 동적인 속성명 정의: 변수나 표현식을 사용하여 객체의 속성명을..

Web/JavaScript ES6 2024.01.23

[JavaScrpt] ES6 - 생성자 함수와 new 연산자

생성자 함수와 new 연산자 자바스크립트는 동적이고 유연한 언어로, 객체 지향 프로그래밍을 지원합니다. 특히 회원 정보나 상품 정보와 같이 다양한 속성을 가진 객체를 다룰 때, 생성자 함수는 유용한 도구 중 하나입니다. 이번 포스팅에서는 생성자 함수를 사용하여 객체를 만드는 방법에 대해 알아보겠습니다. 객체 지향 프로그래밍과 생성자 함수 객체 지향 프로그래밍은 현실 세계의 개념을 코드로 모델링하는 방법입니다. 자바스크립트에서 객체를 생성하는 방법에는 객체 리터럴과 생성자 함수가 있습니다. 각각의 특징과 활용법을 비교해보겠습니다. 객체 리터널 let user = { name : 'kim', age : 30, } 가장 간단한 방법 중 하나는 객체 리터럴을 사용하는 것입니다. 위에서 제시한 user 객체가 그..

Web/JavaScript ES6 2024.01.23

[JavaScrpt] ES6 - let, const, 호이스팅, TDZ

ES6이란? ES6(ECMAScript 2015)은 ECMAScript 표준의 여섯 번째 버전으로, JavaScript 언어의 표준을 정의하는 규격입니다. ES6는 이전 버전의 ECMAScript에 비해 많은 새로운 기능과 개선 사항을 도입했으며, 모던 JavaScript 개발에서 널리 사용되고 있습니다. ES란? ES는 ECMAScript의 약자로, JavaScript 언어의 표준을 정의하는 규격을 가리킵니다. ECMAScript는 언어의 코어 부분을 정의하며, 웹 브라우저에서 실행되는 JavaScript 엔진과 같은 환경에서 어떻게 동작해야 하는지에 대한 규칙을 제공합니다. ECMAScript 표준은 ECMA International이라는 국제 표준화 기구에 의해 관리되고 있습니다. ES6를 사용하는..

Web/JavaScript ES6 2024.01.23
반응형
Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]