[JavaScript] 스프레드와 디스트럭쳐링
1. 스프레드자바스크립트에서 스프레드란 일종의 객체 복사입니다.const class1 = { x: 1, y: 'A', z: true};const class2 = { ...class1 };console.log(class2); //{x: 1, y: 'A', z: true}위 코드를 보면 class1의 프로퍼티를 class2가 그대로 가져오는 것을 볼 수 있습니다.이러한 이유로 스프레드는 특정 프로퍼티나 많은 포로퍼티를 동일하게 사용하는 다른 객체를 생성하는데 사용됩니다. const class1 = { a: 1, b: 'A', c: true};const class2 = { d: { x: 10, y: 100 }, e: [1, 2, 3]};const class3 = { ...class1, z: 0}cons..
- JAVASCRIPT Programming/Javascript
- · 2024. 8. 21.
[JavaScript] 상속
상속이란 말 그대로 부모클래스의 내용을 자식클래스가 이어받아서 그대로 사용하거나 변형해서 사용하는 것을 의미합니다.상속이란 개념은 자바나 파이썬 등 타 프로그래밍 언어에도 존재합니다. 여기서는 자바스크립트의 상속 사용법에 대해 설명하겠습니다.1. 상속방법자바스크립트에서는 상속을 하는 방법은 아래와 같습니다.자식클래스 extends 부모 클래스 class Bird { wings = 2;}class Eagle extends Bird { claws = 2;}class Penguin extends Bird { swim () { console.log('수영중...'); }}class EmperorPenguin extends Penguin { size = 'XXXL';}const b = new Bird();..
- JAVASCRIPT Programming/Javascript
- · 2024. 8. 15.
[JavaScript] 접근자 프로퍼티
1. 접근자 프로퍼티접근자 프로퍼티란 다른 언어에서도 말하는 getter, setter 함수를 의미합니다.이 프로퍼티를 사용하면 함수를 사용한 것처럼 객체 내부의 프로퍼티를 제어가능합니다.const person1 = { age: 17, get koreanAge () { return this.age + 1; }, set koreanAge (krAge) { this.age = krAge - 1; }}//자동으로 get 실행됨console.log(person1, person1.koreanAge); //18 -> 17+1person1.koreanAge = 20; //set 실행됨 -> age = 20-1 = 19console.log(person1, person1.koreanAge); //20..
- JAVASCRIPT Programming/Javascript
- · 2024. 8. 13.
[JavaScript] 클래스
자바나 파이썬처럼 클래스를 사용하는 언어에 익숙한 사람들을 위해 자바스크립트에서도 클래스가 개발되었습니다. 자바스크립트의 클래스는 ES6부터 만들어졌기 때문에 이전의 만들어진 자바스크립트 문법에 비해 엄격합니다. 1. constructor 메서드자바스크립트에서 constructor 메서드는 파이썬의 __init__ 메서드처럼 초기화를 해주는 메서드라고 생각하면 됩니다.class Person { constructor (name, age, married = false) { this.name = name; this.age = age; this.married = married; }}const person1 = new Person('zero', 30, true);const person2 = n..
- JAVASCRIPT Programming/Javascript
- · 2024. 8. 11.
[JavaScript] 객체
자바스크립트에서 객체란 key와 value로 이루어진 값들의 모임을 의미합니다.예컨대 아래처럼 정의된 것을 객체라고 합니다.{key1:value1,key2:value2,...} 1. 객체 생성 및 프로퍼티 추가, 수정, 삭제자바스크립트에서 객체를 생성하기 위해서는 마침표 프로퍼티를 사용하는 방법과 대괄호 프로퍼티를 사용하는 방법이 있습니다.const food = { name:'샐러드' };console.log(food); //{name:'샐러드'}food.price = 5000; // 마침표 프로퍼티를 이용한 추가food['vegan'] = true; // 대괄호 프로퍼티를 이용한 추가food.weight = 50.5;console.log(food); //{name: '샐러드', price: 500..
- JAVASCRIPT Programming/Javascript
- · 2024. 8. 6.
[JavaScript] 일급 객체
일급객체는 함수를 변수와 같이 다루는 언어에 있는 개념입니다. 즉, 파이썬이나 자바스크립트가 일급객체에 대한 개념을 가지고 있습니다. 자바스크립트의 함수는 객체입니다.function add (a, b) { return a + b; }console.log(typeof add); //functionconsole.log(add instanceof Object); // true ->변수 instanceof Object는 변수가 객체인지 확인하는 메소드 일급객체의 특성으로는 3가지가 있습니다.첫번째로 상수 또는 변수에 할당될 수 있어야합니다.두번째로 다른 함수의 인자로 전달될 수 있어야합니다.세번째로 다른 함수의 결과값으로 반환될 수 있어야 합니다. 1. 할당function isOddNum (number) { ..
- JAVASCRIPT Programming/Javascript
- · 2024. 7. 25.