Class와 Instance

학습목표

• 클래스와 인스턴스라는 용어를 이해할 수 있다.
  • new 키워드의 사용법을 이해할 수 있다.
  • class 키워드의 사용법을 이해할 수 있다.
  • 현실 세계의 모델을 바탕으로 클래스의 메서드와 속성을 디자인할 수 있다.
• 객체 지향 프로그래밍 특징을 이해할 수 있다.
  • 캡슐화
  • 상속
  • 추상화
  • 다형성
• JavaScript에서 객체 지향 프로그래밍을 구현할 수 있다.
  • Prototype이 무엇인지 이해할 수 있다
• 객체 지향 프로그래밍의 상속(Inheritance)의 개념을 이해하고 코드로 작성할 수 있다.
  • 상속관계를 가진 현실 세계의 모델을 코드로 작성할 수 있다.
  • 클래스 상속의 원리를 이해할 수 있다.
  • Prototype chain을 이해하고 설명할 수 있다. (__proto__)
• 면접에 자주등장하는 개념이라고 하니 잘 설명할 수 있도록 연습해볼것

---

발견한것

class는 하나의 폼? 규격, 모델이 되는 청사진

instance 는 클래스를 기반으로한 객체를 만드는 패턴

 

//클래스 만드는법 Es6문법
 class Car {
   constructor(brand, name, color){
     this.brand = brand;
     this.name = name;
     this.color = color;
     //@@ this란 인스턴스 객체를 의미 한다. 매개변수로 넘어온 브랜드,네임,컬러같은..
   };
 };
 //this에 할당하는것은 만들어진 인스턴스에 해당내용을 부여하겠다는 의미
 // this.brand = brand; 이렇게 해줘야 추후 인자의 자율도가 올라간다 
 ex)  this.brand = 'kia'; 이렇게 적으면 확정되어버려 인자값을 받기 쉽지않다.

//인스턴스 만드는 법
let avante = new Car('hyundai', 'avante', 'white');
//new를 붙여만든 인스턴스는 Car클래스의 고유한 속성과 메서드를 물려받습니다.
//new 키워드를 사용해야 생성자(constructor)함수가실행됨,생성자함수는 리턴값을 만들진않음.

 

O(object) O(oriented) P(programming)의  특성

   =사람이 세계를 보고 이해하기 위해 흉내낸 방법론

 

1. 캡슐화 : 코드나 데이터의 은닉(hiding) (데이터와 기능을 하나의 단위로 묶어 구현은 숨기고 동작은 노출함)

    절차적 코드작성이 아니라 코드가 상징하는 실제 모습과 닮게 코드를 모아 결합하며

    느슨한 결합으로 언제나 코드수정이 가능하다.

    정리 : 코드를 단순하게 만들어 재사용률을 높인다.

 

2. 추상화 : 내부는 복잡하겠지만 노출부분은 단순하게 만들자 (ex.전화기, 계산기)

    (사용자가 사용하지않는 부분은 노출시키지않아 예기치 못한 사용상의 변화 영향을 최소화한다.)

    클래스 정의시 메서드와 속성만 정의한것을 interface라고 한다. 추상화의 본질 

    

캡슐화와 추상화

캡슐화가 코드나 데이터의 은닉에 포커스가 맞춰져있다면,

추상화는 클래스를 사용하는 사람이 필요하지 않은 메소드 등을 노출시키지 않고,

단순한 이름으로 정의하는 것에 포커스가 맞춰져 있다.

 

3. 상속 : 부모클래스의 특징을 자식 클래스가 물려받는것

    ex) 사람 클래스가 있다면 학생클래스를 만들때 사람 클래스 기반에 학생의 속성과 메서드만 추가하면 된다.

    본질이같기 때문에 물려받을 수 있다. 

    **불필요한 코드를 줄여 재사용성을 높인다.

 

4. 다형성 : 같은이름을 가진 메서드라도 다양하게 작동할수있다.

    동일한 메서드에 객체의 특성에 맞게 달리 작성하는게 가능하다.

 

Proto types◈ 

프로토타입(prototype)

자바스크립트의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있습니다.

모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받습니다.

이처럼 자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를

프로토타입(prototype)이라고 합니다. -tcpschool 발췌

 

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes

Object prototypes - Web 개발 학습하기 | MDN

 

JavaScript는 프로토타입 기반 언어(prototype-based language)

 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로 프로토타입 객체(prototype object)를 가진다.

프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수 있고

그 상위 프로토타입 객체도 마찬가지입니다.

이를 프로토타입 체인(prototype chain)이라 부르며 다른 객체에 정의된 메소드와 속성을

한 객체에서 사용할 수 있도록 하는 근간이 된다.(모든 객체에서 toString() 메서드를 쓸수있는 이유다.)

정확히 말하자면 상속되는 속성과 메소드들은 각 객체가 아니라 객체의 생성자의 prototype이라는 속성에 정의되어 있습니다.

JavaScript에서는 객체 인스턴스와 프로토타입 간에 연결(많은 브라우저들이 생성자의 prototype 속성에서 파생된 __proto__ 속성으로 객체 인스턴스에 구현하고 있습니다.)이 구성되며

이 연결을 따라 프로토타입 체인을 타고 올라가며 속성과 메소드를 탐색합니다.

 

*객체내에 캡슐화되어있는것에 접근하려면 먼저 점을 입력해야합니다. 그 다음 점을 찍고 접근하고자 하는 항목을 적습니다.

간단한 프로퍼티의 이름일 수도 있을 것이고, 배열의 일부이거나 객체의 메소드를 호출할 수도 있습니다.

---

느낀점

자바스크립트가 객체 지향 언어 라고해서 그런가보다 했는데,

프로토타입 체이닝이나 사용자 지정 메서드를 쓸수있다는 점에서 편리한 언어라는 생각이 들었다.

아직 클래스와 인스턴스는 응용이어려워서 많이 사용해야할것같다.

---

다음 공부방향

코스의 스프린트 진행해보기.