Design Pattern/Structural Design3 [Design Pattern] (Structural) 프록시 패턴(Proxy Pattern) 디자인 패턴 유형 Creation Design Pattern 객체의 생성에 관련된 패턴 객체의 생성 로직을 숨김으로써 유연성을 향상시킨다. Strutural Design Pattern 클래스와 객체의 구성에 관련된 패턴 Behavioral Design Pattern 객체와 객체 간의 통신에 관련된 패턴 [Structural Design Pattern] 프록시 패턴(Proxy Pattern) Lazy Initialization (게으른 초기화) 로 어플리케이션의 부하를 줄여준다. var $ = function(id) { return document.getElementById(id); } $('vids').onclick = function(e) { var src, id; e = e || window.even.. 2023. 3. 27. [Design Pattern] (Structural) 데코레이터 패턴(Decorator Pattern) 디자인 패턴 유형 Creation Design Pattern 객체의 생성에 관련된 패턴 객체의 생성 로직을 숨김으로써 유연성을 향상시킨다. Strutural Design Pattern 클래스와 객체의 구성에 관련된 패턴 Behavioral Design Pattern 객체와 객체 간의 통신에 관련된 패턴 [Structural Design Pattern] 데코레이터 패턴(Decorator Pattern) 런타임시 객체에 동적으로 부가기능을 추가할 수 있는 패턴 Decorator 패턴의 예제는 아래와 같다. var sale = new Sale(100); sale = sale.decorate('fedtax'); sale = sale.decorate('quebec'); sale = sale.decorate('mo.. 2023. 3. 27. [Design Pattern] (Structural) 모듈 패턴(Module Pattern) 디자인 패턴 유형 Creation Design Pattern 객체의 생성에 관련된 패턴 객체의 생성 로직을 숨김으로써 유연성을 향상시킨다. Strutural Design Pattern 클래스와 객체의 구성에 관련된 패턴 Behavioral Design Pattern 객체와 객체 간의 통신에 관련된 패턴 [Structural Design Pattern] 모듈 패턴(Module Pattern) 모듈 패턴은 특정 구성요소를 다른 구성요소와 독립적으로 유지하는 패턴을 말한다. 장점: 재사용성을 높히기 위한 코드를 작성할 때 유용하다 단점: 코드가 길어지고 파일 크기도 늘어난다 Module 패턴 JavaScript에서의 모듈은 특정 구성요소를 다른 구성요소와 독립적으로 유지하는데 가장 널리 사용되는 디자인 패턴입.. 2023. 3. 27. 이전 1 다음
