tutorial
GoF 디자인 패턴: 23가지 패턴으로 배우는 객체지향 설계
Gang of Four 디자인 패턴 완벽 가이드. 생성, 구조, 행위 패턴을 프론트엔드 관점에서 실전 예제와 함께 학습합니다.
럿지 AI 팀2025-01-1518min read
가지
GoF 패턴
분류
생성/구조/행위
년+
검증된 패턴
%
재사용성
패턴 분류
5개
생성 패턴
Singleton, Factory, Builder...
7개
구조 패턴
Adapter, Decorator, Proxy...
11개
행위 패턴
Observer, Strategy, Command...
필수 패턴 TOP 5
필수 패턴 TOP 5
SingletonLogger, Config
전역 상태, 설정
FactoryReact.createElement
객체 생성 캡슐화
ObserverEventEmitter, RxJS
이벤트 기반 통신
Strategy정렬, 결제 방식
알고리즘 교체
DecoratorHOC, Middleware
기능 동적 추가
프론트엔드에서 자주 쓰는 패턴
Module
캡슐화, ES Modules
Pub/Sub
React Context, Redux
Proxy
Vue Reactivity, MobX
Composite
React 컴포넌트 트리
패턴 적용 체크리스트
☑반복되는 문제인가?
☑팀원들이 이해할 수 있는가?
☑과도한 복잡성을 유발하지 않는가?
☑테스트가 용이해지는가?
☑확장성이 높아지는가?
☑유지보수가 쉬워지는가?
디자인 패턴 심화 학습
Refactoring Guru#Design Patterns
#GoF
#OOP
#Frontend
#Architecture