객체 지향 프로그래밍(Object-Oriented Programming, OOP)

• 아래 링크 참조

  OOP(Object Oriented Programming)

클래스(Class)란?

• 객체를 정의하기 위한 집합
• 객체란 실제로 존재하는 사물 또는 개념으로, 프로그래밍에서는 사용되는 데이터 또는 식별자(identifier)에 의해 참조되는 공간
• 클래스 명의 첫글자는 대문자로 작성
• 기본적으로 한 시스템 내에서 클래스명은 중복되면 안된다.
• class는 크게 **필드(field)**와 **메소드(Method)**로 구성

JavaScript에서의 Class란?

• JavaScript는 기본적으로 Prototype 기반의 객체지향 언어로 Class 기반 언어에 익숙한 개발자들에게는 진입장벽으로 인식
• ES6에서 JavaScript에도 Class를 도입하여 Class 기반 언어와 흡사한 객체 생성 메커니즘을 도입
• 어디까지나 유사하다는 것이지 같은 것은 아니며, JavaScript는 여전히 Prototype 기반의 객체지향 언어

class Food {
	// 필드
	strFood; // public 프로퍼티
	#country; // private 프로퍼티

	// 생성자
	constructor(country) {
		this.intFood = 55; // public 프로퍼티, 생성자에서 정의하면 필드에 없어도 프로퍼티 생성
		this.#country = country;
		this.strFood = 'Food Food';
	}

	// getter
	get country() {
		return this.#country;
	}

	// setter
	set country( country ) {
		this.#country = country;
	}

	// static 메소드
	static print() {
		console.log('Food : static print');
	}
}

const food = new Food('한국');

인스턴스(Instance) 생성 및 사용

• 인스턴스화(Instantiate)

  • 작성한 class를 사용하기 위해 객체로 만드는 과정
  • new 키워드를 사용하여 인스턴스를 생성
  • 일반적으로 인스턴스화를 통해 객체를 생성하고, 변수에 저장 후 사용

  const methodInstance = new Method();
  console.log(methodInstance.add(2, 3));
  
  class Method {
    add(a, b) {
        return a + b;
    }
  }
  

프로퍼티(Property)

• class내에 정의 된 변수(variable)
• 선언된 위치에 따라 아래와 같이 구분
  • 클래스 정적 변수(static variable)
    • static 키워드를 가지는 변수로 모든 인스턴스가 공통된 저장공간을 공유
    • 프로그램이 종료될 때 소멸
  • 인스턴스 변수(instance variable)
    • 클래스가 생성 될때마다 생성되는 변수
    • constructor 내부에서 this에 할당하거나 클래스에 직접 선언
    • 인스턴스가 소멸할 때 소멸
  • 지역 변수(local variable)
    • 메소드 내에서 let, const 등으로 선언된 변수
    • 메소드가 종료되면 소멸

class Whale {
  // 인스턴스 필드
  gender;

  // 클래스 정적 필드
  static name = 'Whale';

  swimming() {
    // 지역 변수
    const swimm = "헤엄칩니다.";
    console.log(swimm);
  }
}

const myWhale = new Whale();
myWhale.gender = 'female';
console.log(myWhale.gender); // "female"
console.log(Whale.name);     // "Whale"

메소드(Method)