Ray Book

프론트엔드 디자인 패턴

프론트엔드에서 자주 만나는 디자인 패턴을 시각화합니다

  1. 01

    Observer와 Pub/Sub

    상태 전파와 완전한 디커플링, 두 패턴을 시각화합니다

  2. 02

    Strategy 패턴

    늘어나는 if/else 분기를 전략 객체로 교체하는 방법을 시각화합니다

  3. 03

    Iterator 패턴

    서로 다른 자료구조를 하나의 for...of로 순회하는 방법을 시각화합니다

  4. 04

    Decorator 패턴

    인증, 로깅, 캐싱을 원본 함수 위에 쌓는 방법을 시각화합니다

  5. 05

    Proxy 패턴

    접근을 가로채 검증, 캐싱, 지연 로딩을 구현하는 방법을 시각화합니다

  6. 06

    Factory 패턴

    객체 생성을 팩토리 함수로 위임하는 방법을 시각화합니다

  7. 07

    Command 패턴

    동작을 객체로 캡슐화해 Undo/Redo를 만드는 방법을 시각화합니다

  8. 08

    Mediator 패턴

    컴포넌트 간 직접 통신을 중앙 중재자로 정리하는 방법을 시각화합니다