반응형 ES6+3 [JavaScript 최신 기능 시리즈] 7일차: JavaScript의 새로운 빌트인 객체들: Map, Set 이해하기 7. 새로 추가된 빌트인 객체들 (Map, Set 등)새로운 빌트인 객체란 무엇인가?ES6에서는 기존의 객체(Object)와 배열(Array) 외에 새로운 자료 구조인 Map과 Set을 도입했습니다. 이들은 각각 키-값 쌍과 고유한 값의 집합을 관리하는 데 유용합니다.Map 객체Map 객체는 키-값 쌍을 저장하며, 모든 데이터 유형을 키로 사용할 수 있습니다.1. Map 생성let map = new Map();2. 요소 추가map.set('name', 'Alice');map.set('age', 25);console.log(map); // 출력: Map(2) {"name" => "Alice", "age" => 25}3. 요소 접근console.log(map.get('name')); // 출력: Alic.. 2024. 8. 7. [JavaScript 최신 기능 시리즈] 5일차: JavaScript 클래스와 상속 이해하기 5. 클래스와 상속클래스란 무엇인가?ES6에서 도입된 클래스(Class)는 JavaScript에서 객체 지향 프로그래밍(OOP)을 구현하는 새로운 방법입니다. 클래스는 프로토타입 기반 상속을 더 명확하고 간결하게 작성할 수 있게 해줍니다.클래스 선언클래스를 선언하는 방법은 다음과 같습니다.1. 기본 클래스 선언class Person { constructor(name, age) { this.name = name; this.age = age; } greet() { console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`); }}const alice = new Person('Alice', 30);alice... 2024. 8. 5. [JavaScript 최신 기능 시리즈] 1일차: JavaScript의 let과 const 키워드 이해하기 1. let과 const 키워드let과 const 키워드란 무엇인가?ES6(ECMAScript 2015)에서 도입된 let과 const 키워드는 변수를 선언하는 새로운 방법을 제공합니다. 이들은 var 키워드에 비해 몇 가지 중요한 개선 사항을 가지고 있습니다.let 키워드let 키워드는 블록 스코프를 가지며, 변수의 재할당이 가능합니다.1. 블록 스코프let으로 선언된 변수는 블록 내에서만 유효합니다.{ let x = 10; console.log(x); // 출력: 10}// console.log(x); // 오류 발생: x is not defined2. 재할당 가능let으로 선언된 변수는 값을 재할당할 수 있습니다.let y = 20;y = 30;console.log(y); // 출력: 30.. 2024. 8. 1. 이전 1 다음 반응형