[자바스크립트 디자인 패턴] 프로토 타입 패턴

목록 싱글톤 패턴 (Singletpm Pattern) 모듈 패턴 (Module Pattern) 옵저버 패턴 (Observer Pattern) 프로토타입 패턴 (Prototype Pattern) JavaScript 에서 Java 와 같이 클래스의 개념을 적용하기 위해 필요한 개념입니다. 인터페이스 역할을 할 Component 객체를 생성하고 공통변수와 공통함수를 작성합니다. Component 객체를 상속받는 Circle 객체를 생성하고, Circle 생성자에 Component가 아닌 Circle 을 집어넣어서 부모 생성자를 참조하지 않도록 하고, Circle 생성자 내부에 부모생성자를 이용하는 코드를 작성해줍니다. Circle 의 프로토타입에 Component 객체를 참조하도록 작성합니다. Circle 에..

• format_list_bulleted Javascript/Design Patterns
• · 2021. 3. 17.
• textsms

[자바스크립트 디자인 패턴] 옵저버 패턴

목록 싱글톤 패턴 (Singletpm Pattern) 모듈 패턴 (Module Pattern) 옵저버 패턴 (Observer Pattern) 프로토타입 패턴 (Prototype Pattern) 상대 클래스나 객체에 의존하지 않으면서 데이터 변경을 통보하고자 할 때 사용합니다. Subject, Observer 를 선언합니다 - Subject : 변경과 감지를 통보하여 Observer들을 관리하는 역할 - Observer : 변경과 감지를 통보받는 역할 작성코드 var Subject = function() { var observers = []; return { subscribeObserver: function(observer) { observers.push(observer); }, unsubscribeObs..

• format_list_bulleted Javascript/Design Patterns
• · 2021. 3. 17.
• textsms

[자바스크립트 디자인 패턴] 모듈 패턴

목록 싱글톤 패턴 (Singletpm Pattern) 모듈 패턴 (Module Pattern) 옵저버 패턴 (Observer Pattern) 프로토타입 패턴 (Prototype Pattern) 특정 구성요소를 다른 구성요소와 독립적으로 유지하는 패턴을 말합니다. Module 모듈을 생성합니다 getTitle : 내부의 title 변수를 불러올 수 있습니다. 모듈을 이용하는 코드에서는 내부의 title 변수와 printTitle 함수에 접근할 수 없고 정해진 함수인 getTitle를 통해서만 접근할 수 있습니다. 작성코드 var Module = function(){ var title = 'Module 패턴'; var printTitle = function (){ console.log('제목 : ' + ti..

• format_list_bulleted Javascript/Design Patterns
• · 2021. 3. 17.
• textsms

[자바스크립트 디자인 패턴] 싱글톤 패턴

목록 싱글톤 패턴 (Singletpm Pattern) 모듈 패턴 (Module Pattern) 옵저버 패턴 (Observer Pattern) 프로토타입 패턴 (Prototype Pattern) 전체 시스템에서 하나의 인스턴스만 존재하도록 보장하는 객체패턴을 말합니다. Singleton 모듈을 생성합니다 init : 제공하고싶은 함수들을 모두 작성합니다 (print, ...) getInstance : 함수를 호출한 다음 init에서 제공하는 함수를 이용할 수 있도록 init 함수를 instance에 담아서 리턴합니다 작성코드 var Singleton = (function(){ var instance; var init = function(){ return { print : function(){ console..

• format_list_bulleted Javascript/Design Patterns
• · 2021. 3. 17.
• textsms