[CS] 1-4. 옵저버 패턴

4. 옵저버패턴 Observer Pattern

• 주체(객체의 관찰자) 가 객체(Subject) 의 상태변화를 관찰하다가 변화가 있을 시 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 패턴

• 옵저버 패턴의 예 : 트위터

• 이벤트 기반 시스템에 사용됨

• MVC 패턴에도 사용됨

  • extends & implement

    extends

    자식 클래스가 부모 클래스의 메서드를 상속받아 사용하며 자식클래스에서 추가/확장이 가능

    재사용성, 중복성의 최소화

    implement

    자식클래스가 부모 인터페이스를 재정의하여 구현하는 것

    반드시 부모의 메서드를 재정의하여 구현해야함

• 자바스크립트에서 옵저버패턴은 프록시객체를 통해 구현이 가능함

  • proxy 객체

    어떠한 대상의 기본적인 동작의 작업을 가로챌 수 있는 객체

    자바스크립트에서는 두개의 매개변수를 가짐

    1. target : 프록시할 대상
    2. handler : 프록시객체의 타겟 동작을 가로채서 정의할 동작들이 정해져 있는 함수

• Vue.js에서 ref나 reactive로 정의하면 해당값이 변경되었을 때 자동으로 DOM에 있는 값이 변경됨

  • DOM

    DOM(Document Object Model)

    문서 객체모델

    웹브라우저 상 화면을 이루는 요소