[💻 코드스테이츠 FE 44기][part 1] 클래스와 인스턴스

✔️ 시작

이번 학습에서 클래스(class), 인스턴스(instance) 그리고 ES6 작성법에 대해 학습했다.

📍 클래스와 인스턴스

클래스와 인스턴스는 객체지향 프로그래밍과 많은 연관이 있다.

① 하나의 모델이 되는 청사진(blueprint)를 만드는 것을 ① 클래스(class)라고 하며
② 그 청사진을 바탕으로 한 객체(object)를 만드는 것 을 ② 인스턴스(instance)라고 한다.

//① class
function Car(color){}
//② instance
// Car라는 클래스의 고유한 속성과 메서드를 갖게 된다.
let avante = new Car('blue');
let mini = new Car('red');
let beeties = new Car('black');

• 새로운 인스턴트를 만들 때 new 키워드를 사용해 준다.
• 다른 함수와 구분하기 위해 class는 대문자로 시작하는게 좋다.

예를 들어 공장에서 장난감을 만들 때 도색되지 않은 상태(아무것도 작업하지 안않은 상태)를 클래스라 한다면
장난감의 특징에 따라 색상, 악세사리 등을 추가하는 작업(속성 추가)을 인스턴스라고 생각하면 될 것 같다.

📍 ES5, ES6

함수 작성법은 대개 2가지 방법이 있다.

💻 ES5

function Car(brand, name, color){
	//실행 코드
}

💻 ES6

• class 키워드를 사용한다.
• ES6 방법이 최신으로 주로 사용한다.

// 생성자(constructor) 함수
class Car {
	consructor(brand, name, color){
	//실행 코드
   }
}

해당 함수를 생성자(constructor) 함수라고 한다.
생성자 함수는 return 값을 만들지 않는다.

✏️ 마치며

객체 지향 프로그래밍을 통해 여러번 작업이 필요할 경우 유용하며 재사용이 가능하다는 점을 알게 되었다.

또한 ES5로만 코드를 작성하고 있던 나에게 ES6라는 코드 작성법으로
코드를 최신화 할 수 있지 않을까 싶다.

프로그래밍 영역은 빠르게 발전해 나가는 거 같다.