Design Pattern

Design Pattern

Module Pattern

📌 목차 Introduction Module Pattern 이란? Moudle Pattern 구현 Module Pattern의 장단점 Conclusion Reference 📌 Introduction 안녕하세요! 이번 포스팅에서는 자바스크립트에서 module pattern에 대해서 공부해보겠습니다.🎉 Singleton 패턴과는 비슷하지만 Singleton처럼 하나의 instance만 만드는것이 아닌 다수의 instance를 만드는 것이 module pattern 입니다! 📌 Module Pattern 이란? Module pattern이란 전체 어플리케이션 일부를 독립된 코드로 분리하여 만드는 것 입니다. 다른 여타 프로그래밍 언어처럼 자바스크립트는 접근 제한자(public, private,...)가 없기 ..

Design Pattern

Singleton Pattern

📌 목차 Introduction Singleton 패턴이란? Singleton 패턴 구현 Conclusion Reference 📌 Introduction 안녕하세요 이번 포스팅에서는 design pattern중 singleton 패턴에 대해서 배워보겠습니다! 📌 Singleton 패턴이란? 이름에서 single이 들어가는 것으로 유추할 수 있듯이 전체 시스템에서의 하나의 인스턴스를 존재하도록 보장하는 객체 생성패턴입니다. 따라서, 객체 리터럴도 모두 싱글톤 패턴이라고 할 수 있습니다. 하지만 모든 속성이 다 공개가 되어있기에 비공개를 만들때 제대로 된 singleton 패턴 입니다. 📌 Singleton 패턴 구현 Singleton은 객체 리터럴 + 클로저로 구현할 수 있습니다. 다음 코드를 봐주세요. ..

Design Pattern

Constructor Pattern

📌 목차 Object Creation Constructor in es5 fucntion Constructor in prototype Constructor in Class 📌 Object Creation 빈 Object를 생성하는 3가지 방법 // 1. const object1 = {}; // 2. const object2 = Object.create(Object.prototype); // 3. const object3 = new Object(); Object에 key와 value를 할당하는 4가지 방법 Dot Syntax newObject.key = "value"; Square Syntax newObject["key"] = "value"; Object.defineProperty Syntax Object...

eddie0329
'Design Pattern' 태그의 글 목록