[Design Pattern] 옵저버 패턴(Observer Pattern) 이야기 #2 (예제 포함)

지난 포스팅에서 옵저버 패턴(Observer Pattern)에 대해 설명했었습니다.
[Design Pattern] 옵저버 패턴(Observer Pattern) 이야기 (예제 포함)

[Design Pattern] 옵저버 패턴(Observer Pattern) 이야기 #1 (예제 포함)

간단히 정리하면, 주제자(Subject)에 구독자(Observer)가 등록(Register)되어 모든 구독자가 같은 정보를 업데이트(Notify)받는 것입니다. 그리고 아주 쉬운 콘솔 기반의 예제 코드를 소개했었는데요. 이번 포스팅에서는 좀 더 이해하기 쉽고 친숙한 윈폼(WinForm) 기반의 샘플 코드를 소개하려고 합니다.

WinForm 기반의 Observer Pattern 예제

소개해드릴 예제 코드의 구조는 아래 UML과 같습니다. Subject interface를 MainForm class가 상속받아 함수를 구현하고, Observer interface를 SubForm class가 상속받아 함수를 구현합니다. 그리고 MainForm의 Textbox에 숫자를 입력하고 Enter키를 누르면, 이 숫자가 모든 SubForm에 갱신하도록 구현되어 있습니다.

예제 코드 UML

옵저버 패턴은 동일한 정보를 여러 곳에서 사용될 때 유용한 방법론입니다. 지난 포스팅에서는 YouTube나 신문사와 같은 예시를 들었는데요. 이번에는 비전 프로그래밍과 연관 지어 예시를 들어 보겠습니다. 카메라의 파라미터를 여러 Form에서 접근해야 할 때 옵저버 패턴을 사용하면, 모든 Form에서 항상 현재 값을 업데이트받을 수 있습니다. 만약, 이러한 디자인 패턴을 적용하지 않는다면 특정 이벤트 발생 시 파라미터를 항상 확인하도록 구현해야겠죠? (사실 위 예시는 MVC 패턴이 더 적합하긴 합니다. MVC 패턴은 추후에 다루도록 하겠습니다.)

아래 그림은 예제 코드를 동작시킨 결과입니다.

예제 동작 화면

코드 설명

Subject와 Observer interface는 아래와 같이 정의되어 있습니다.

public interface Subject
{
	void registerObserver(Observer o);
	void removeObserver(Observer o);
	void notifyObservers();
}
 
public interface Observer
{
	void update(int value);
}

Observer interface를 상속받는 SubForm1, 2는 아래와 같이 구현되어 있습니다. 생성자에서 Subject의 registerObserver를 호출하여 자기 자신을 등록합니다. 그리고 update가 호출되면 TextBox에 인자로 받은 값을 출력합니다.

public partial class SubForm1 : Form, Observer
{
	Subject _subject;
	public SubForm1(Subject subject)
	{
		_subject = subject;
		subject.registerObserver(this);
		InitializeComponent();
	}
	public SubForm1()
	{
		InitializeComponent();
	}
 
	public void update(int value)
	{
		textBoxValue.Text = value.ToString();
	}
}

마지막으로 Subject interface를 상속받은 MainForm에는 아래와 같이 구현합니다. 옵저버 목록은 ArrayList로 관리하며, Subject interface에 정의된 함수들을 구현합니다. 또한, TextBox에 KeyDown 이벤트가 발생하면 값을 받아 모든 옵저버들에게 알려줍니다.

public partial class MainForm : Form, Subject
{
	SubForm1 _subForm1 = null;
	SubForm2 _subForm2 = null;
	IList _observers = new ArrayList();
	public MainForm()
	{
		InitializeComponent();
 
		_subForm1 = new SubForm1(this);
		_subForm1.TopLevel = false;
		_subForm1.FormBorderStyle = FormBorderStyle.None;
		_subForm1.Dock = DockStyle.Fill;
		panelTab1.Controls.Add(_subForm1);
		_subForm1.Show();
 
		_subForm2 = new SubForm2(this);
		_subForm2.TopLevel = false;
		_subForm2.FormBorderStyle = FormBorderStyle.None;
		_subForm2.Dock = DockStyle.Fill;
		panelTab2.Controls.Add(_subForm2);
		_subForm2.Show();
	}
 
	public void notifyObservers()
	{
		foreach (Observer o in _observers)
			o.update(Convert.ToInt32(textBoxValue.Text));
	}
 
	public void registerObserver(Observer o)
	{
		_observers.Add(o);
	}
 
	public void removeObserver(Observer o)
	{
		_observers.Remove(o);
	}
 
	private void TextBoxValue_KeyDown(object sender, KeyEventArgs e)
	{
		if(e.KeyCode == Keys.Enter)
		{
			int value = Convert.ToInt32(textBoxValue.Text);
			notifyObservers();
		}
	}
}

자세한 내용은 아래 첨부된 예제 코드를 확인해주세요.

ExamObserverPattern2.zip

0.20MB