정처기 감자정처기 감자
SW 설계디자인패턴

방문자 Visitor 패턴 - 타입스크립트 예제

SW설계디자인패턴
읽는데 8분 소요
처음 쓰인 날: 2025-09-01
마지막 수정일: 2025-09-01
조회수: —

요약

방문자 visitor 패턴을 타입스크립트 코드와 함께 알아봅니다.

방문자 패턴 요약

패턴 종류핵심 키워드
방문자 (Visitor)객체의 내부 상태에 접근할 수 있는 방법 제공, 연산 추가, 기존 코드 변경하지 않고 새로운 기능 추가, 메서드가 각 클래스 돌아다님
방문자 패턴 감자
방문자 패턴 감자

방문자 (Visitor) 패턴

방문자 패턴은 데이터 구조(객체)와 해당 구조에서 수행할 처리(기능)를 분리하는 패턴입니다. 이 패턴을 사용하면, 데이터 구조를 변경하지 않으면서도 새로운 기능을 쉽게 추가할 수 있습니다.

'세무사' 를 비유로 들 수 있습니다. 개인의 자산에는 집, 자동차, 주식 등 여러 종류(데이터 구조)가 있습니다. 이때 '세금 계산'이라는 기능이 필요하다고 해서, 집 클래스에 calculateTax() 메서드를, 자동차 클래스에 calculateTax() 메서드를 각각 추가하는 것은 비효율적입니다. 자산의 종류가 늘어날 때마다 모든 클래스를 수정해야 하기 때문입니다.

대신, '세무사'라는 방문자(Visitor)를 만듭니다. 이 세무사는 각 자산(집, 자동차, 주식)을 '방문'하면서 세금을 계산하는 방법을 모두 알고 있습니다. 자산 객체들은 그저 세무사를 '받아들이기(accept)'만 하면 됩니다. 나중에 '자산 감정 평가'라는 새로운 기능이 필요하면, '감정평가사'라는 새로운 방문자를 만들어 추가하기만 하면 됩니다. 기존의 자산 클래스들은 전혀 건드릴 필요가 없습니다.

기본 구조

  • Visitor: 각 ConcreteElement를 방문하는 visit() 메서드를 선언합니다. (예: visitHouse(h), visitCar(c))
  • ConcreteVisitor: Visitor 인터페이스를 구현하며, 각 visit() 메서드에 실제 처리 로직을 담습니다.
  • Element: 방문자를 받아들이는 accept(visitor) 메서드를 정의합니다.
  • ConcreteElement: Element 인터페이스를 구현하며, accept() 메서드 내부에서 visitor.visit(this)를 호출하여 방문자가 자신을 처리하도록 합니다.
  • ObjectStructure: Element들의 컬렉션이며, 방문자가 모든 요소를 순회하며 방문할 수 있도록 합니다.

예시: 동물원 동물의 행동 관찰하기

동물원의 동물(Element)들에게 '소리내기'와 '먹이주기'라는 행동(Visitor)을 적용해 보겠습니다.

typescript
코드 하이라이팅 중…

Lion이나 Dolphin 클래스를 전혀 수정하지 않고도, SpeakVisitor, FeedVisitor라는 새로운 기능을 계속해서 추가할 수 있습니다. 이것이 방문자 패턴의 가장 큰 장점입니다.

방문자 패턴 중요 키워드

  • 데이터 구조와 기능을 분리합니다.
  • 개방-폐쇄 원칙(OCP): 기존 데이터 구조(Element)는 수정하지 않으면서, 새로운 기능(Visitor)을 쉽게 추가할 수 있습니다.
  • 더블 디스패치(Double Dispatch): accept()와 visit() 두 번의 호출을 통해, 실행 시점에 어떤 Element의 메서드를 호출할지, 그리고 어떤 Visitor의 메서드를 호출할지가 결정됩니다.
  • 데이터 구조가 자주 변경되면 모든 Visitor를 수정해야 하므로, 구조가 안정적일 때 사용하는 것이 좋습니다.

정처기 실기 기출 문제

문제를 불러오는 중이에요.
문제를 불러오는 중이에요.
메가커피와 함께, 홈페이지 개선에 참여하세요! ☕
혹시 이용에 불편한 점이나 개선이 필요한 부분을 발견하셨나요? 댓글로 알려주시면 더 나은 감자가 될 수 있어요! 🥔 제보해주신 모든 분께 메가커피 기프티콘을 드립니다! (본인 이메일로 댓글 달아주셔야해요~)

관련 글

(42개)
제목태그업데이트시험
디자인패턴 정보처리기사 실기 모의 시험
디자인패턴SW설계디자인패턴
2026-07-10응시
추상 팩토리 abstract factory 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2026-10-20-
빌더 builder 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
디자인패턴23개
제목태그업데이트시험
디자인패턴 정보처리기사 실기 모의 시험
디자인패턴SW설계디자인패턴
2026-07-10응시
추상 팩토리 abstract factory 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2026-10-20-
빌더 builder 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
팩토리 메서드 factory method 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-11-03-
프로토타입 prototype 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2026-10-20-
싱글톤 singleton 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
책임 연쇄 chain of responsibility 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-11-03-
커맨드 command 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
인터프리터 interpreter 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
이터레이터 iterator 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
중재자 mediator 패턴 - 타입스크립트 예제
디자인패턴SW설계디자인패턴
2026-10-20-
메멘토 memento 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-10-29-
옵저버 observer 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
상태 state 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
전략 strategy 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
템플릿 메서드 template method 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
어댑터 adapter 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
브릿지 bridge 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
컴포지트 composite 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
데코레이터 decorator 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
퍼사드 facade 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
플라이웨이트 flyweight 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
프록시 proxy 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2026-10-20-
SW설계19개
제목태그업데이트시험
릴리스 노트 작성 항목
제품 소프트웨어 패키징SW설계제품 소프트웨어 패키징
2026-06-26-
UI 정보처리기사 실기 모의 시험
UI/UXSW설계UI/UX
2026-05-04응시
애자일(Agile) 방법론
애자일SW설계방법론애자일
2026-10-01-
코딩 컨벤션과 표기법
코딩 스타일SW설계코딩 스타일
2026-10-01-
소프트웨어 비용 산정 기법
비용 산정SW설계비용 산정
2026-10-01-
비기능 요구사항
요구사항SW설계요구사항
2026-10-16-
리팩토링(Refactoring)
리팩토링SW설계리팩토링
2026-10-01-
UI 설계 원칙
UI/UXSW설계UI/UX
2026-10-01-
UI 종류 (CLI·GUI·NUI·OUI·VUI)
UI/UXSW설계UI/UX
2026-10-01-
SW 설계 왕감자 정보처리기사 실기 모의 시험
SW설계SW설계
2025-11-04응시
앱 설계(디자인패턴, 응집도-결합도,객체지향) 정보처리기사 실기 모의 시험
앱설계SW설계앱설계
2025-10-08응시
객체 지향 설계 원칙 - SOLID
객체지향SW설계앱설계객체지향
2026-10-20-
럼바우 객체 모델링 - 객(정)동기
객체지향SW설계앱설계객체지향
2026-10-20-
UML 정보처리기사 실기 모의 시험
UMLSW설계UML
2025-10-08응시
소프트웨어 아키텍처 4+1 뷰 모델
UMLSW설계UML
2025-09-26-
UML 클래스 다이어그램의 6가지 관계
UMLSW설계UML
2026-10-11-
UML 다이어그램
UMLSW설계UML
2026-10-20-
소프트웨어 모듈 응집도와 결합도
응집도/결합도SW설계앱설계응집도/결합도
2026-10-20-
정보처리기사 실기를 위한 디자인 패턴 암기 방법
앱설계SW설계앱설계
2026-10-16-

댓글

댓글을 불러오고 있어요
정처기 감자정처기 감자

정보처리기사 합격
도와줄라고 하는 감자

실기 이론

  • 이론 공부법
  • DB
  • 네트워크/OS
  • SW 설계
  • SW 개발
  • 보안/신기술

시험 응시

  • 시험장 찾기
  • 원서 접수
  • 응시자격 서류

요약 PDF

  • 26년 3회 이론 압축
  • 26년 3회 코딩 압축
  • 초압축 25년 3회
  • 압축 25년 3회

기출문제

  • 전체 기출문제
  • 25년 3회
  • 25년 2회
  • 문제 포럼

감자 이용권

  • 이용권 구매

실기 이론

  • 이론 공부법
  • DB
  • 네트워크/OS
  • SW 설계
  • SW 개발
  • 보안/신기술

시험 응시

  • 시험장 찾기
  • 원서 접수
  • 응시자격 서류

요약 PDF

  • 26년 3회 이론 압축
  • 26년 3회 코딩 압축
  • 초압축 25년 3회
  • 압축 25년 3회

기출문제

  • 전체 기출문제
  • 25년 3회
  • 25년 2회
  • 문제 포럼

감자 이용권

  • 이용권 구매
© 2025 재현기획개발. All rights reserved.
  • 정처기 감자의 시작
  • 업데이트 로그
  • 개인정보 처리방침
  • 이용약관
상호명 : 재현기획개발 / 주소: 서울특별시 영등포구 영등포로 150, 지하1층 108호 L145 가라지(당산동1가, 생각공장 당산) / 대표: 김재현 / 전화: 010-8158-7127 / 통신판매업신고: 제2025-서울영등포-1569호 / 이메일: contact@edugamja.com / 사업자등록번호: 573-51-00999