디자인 패턴

1. 싱글톤 패턴 ⭐⭐

하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴

 

장점

• 하나의 인스턴스를 만들어 놓고 해당 인스턴스를 다른 모듈이 공유하며 사용하기 때문에 인스턴스 생성 비용이 줄어듦
• 메모리 절약

 

단점

• 의존성이 높아짐

 

특징

• 개별적인 인스턴스 제한
• 전역적인 접근 : 다른 모듈이나 클래스에서 쉽게 접근
• 지연된 초기화 : 인스턴스 생성을 필요로 할 때까지 지연시키는 방식으로 리소스 절약 가능

 

예시

• spring

 

---

2. 팩토리 패턴

객체 지향 프로그래밍에서 사용되는 디자인 패턴 중 하나로, 객체를 생성하는 매커니즘을 추상화하고 객체 생성 프로세스를 캡슐화하는 패턴

상위 클래스가 중요한 뼈대를 결정하고, 하위 클래스에서 객체 생성에 관한 구체적인 내용을 결정

 

특징

• 느슨한 결합
• 더 많은 유연성
• 유지 보수성 증가

 

---

3. 전략 패턴

객체의 행위를 바꾸고 싶은 경우 직접 수정하지 않고 전략이라고 부르는 캡슐화한 알고리즘을 컨텍스트 안에서 바꿔주면서 상호 교체가 가능하게 만드는 패턴

 

예시

• passport 라이브러리

 

---

4. 옵저버 패턴

주체가 어떤 객체의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴

 

예시

• 트위터

 

---

5. 프록시 패턴과 프록시 서버 ⭐

대상 객체에 접근하기 전 그 접근에 대한 흐름을 가로채 대상 앞단의 인터페이스 역할을 하는 디자인 패턴

이를 통해 객체의 속성, 변환 등을 보완하며 보안, 데이터 검증, 캐싱, 로깅에 사용

 

프록시 서버

클라이언트가 프록시를 통해서 다른 네트워크 서비스에 간접적으로 접근할 수 있게 지원해줌

서버와 클라이언트 사이의 중개자 역할을 수행하며, 프록시 서버 내부에 캐시가 존재

클라이언트 요청에 대한 처리 결과를 캐시에 보관하고 동일한 요청에 대해 원격 서버에 요청하지 않고 캐시를 통해 결과를 전달할 수 있기 때문에 빠른 응답을 보낼 수 있음

또한 원격 서버에 대한 트래픽을 감소시킬 수 있기 때문에 병목현상 방지 가능

 

사용 이유

1. 보안 : 서버의  IP를 숨기는 것이 가능하고, 이는 외부로부터 위험을 막아주는 역할
2. 캐시 : 이전에 했던 요청들을 프록시 서버에 캐싱해두어 재요청 시 서버를 거치지 않고 데이터를 주고 받을 수 있기 때문에 속도 향상
3. 우회 : IP를 통해 접속을 감지하는 사이트를 프록시 서버를 통해 우회 가능

 

---

6. 이터레이터 패턴

이터레이터(iterator)를 사용하여 컬렉션의 요소들에 접근하는 디자인 패턴

이를 통해 순회할 수 있는 여러 가지 자료형의 구조와는 상관없이 이터레이터라는 하나의 인터페이스로 순회가 가능

 

---

7. 노출모듈 패턴

즉시 실행 함수를 통해 private, public 같은 접근 제어자를 만드는 패턴

노출모듈 패턴을 기반으로 만든 자바스크립트 모듈 방식으로는 CJS(CommonJS) 모듈 방식이 있음

 

 

---

8. MVC 패턴 ⭐⭐

Model - View - Controller 로 이루어진 디자인 패턴

 

Model

• 애플리케이션의 데이터와 비즈니스 로직
• 데이터 처리 및 상태 관리

 

View

• 사용자 인터페이스
• 데이터를 시각적으로 표시하며 사용자 입력을 수신

 

Controller

• 모델과 뷰 사이의 중개자
• 사용자 입력을 받고, 모델의 상태를 업데이트하고, 뷰를 업데이트하여 모델과 뷰를 분리함

 

예시

• spring
• Django는 MVT 패턴 (용어만 다를 뿐 개념은 비슷)

 

단점

• 뷰와 모델 사이의 밀접한 의존성 때문에 뷰와 모델을 재사용하기 어려움

 

---

9. MVP 패턴

MVC 패턴으로부터 파생되었으며, Controller가 presenter로 교체된 패턴

뷰와 프리젠터는 일대일 관계이기 때문에 MVC 패턴보다 더 강한 결합을 가짐

 

 

---

10. MVVM 패턴 ⭐⭐

Model - View - ViewModel 로 이루어진 디자인 패턴

 

Model

• MVC의 Model과 동일

 

View

• MVC의 View와 동일
• 특정한 상태에 직접적으로 의존하지 않고 뷰 모델과 바인딩되어 있음

 

ViewModel

• 뷰와 모델 사이의 중개자
• 뷰에 표시할 데이터를 준비하고, 사용자 입력을 처리하며, 모델의 업데이트 관리
• ➡️ 뷰와 독립적으로 테스트하고 재사용하기 쉬워짐

 

예시

• Vue.js
• 유연하고 확장 가능한 사용자 인터페이스를 구현하는데 적합

 

장점

• MVVM은 데이터 바인딩과 뷰 모델을 사용하여 뷰와 뷰 모델 사이의 결합도를 낮추어, 코드의 가독성과 유지보수성이 향상되며 뷰와 뷰 모델을 개별적으로 테스트하는 것이 가능해짐