위 그림은 캐릭터 선택 메뉴를 출력할 때 필요한 클래스들과의 관계를 클래스 다이어그램으로 표현한 것이다. 이 쯤에서 클래스 다이어그램에 대한 기초적인 내용을 설명해야할 것 같다.
클래스 다이어그램은 UML 중 하나로 프로그램을 설계하거나 분석할 때 아주 유용한 그림이다. 건축물의 설계도를 떠올리면 된다. 클래스 다이어그램은 클래스의 내용 및 클래스와의 관계를 그림으로 표현한다.
위 그림은 AnimationCounter를 표현한 것이다. 사각형을 세 부분으로 나눈 것을 확인할 수 있는데 맨 처음 부분은 클래스 이름, 두번째 부분은 멤버 변수(프로퍼티), 세번째 부분은 멤버 함수(메쏘드)이다. 이름 앞에 + 가 붙은 것은 public 멤버임을 뜻하나 무시하여도 좋다. (파이썬에서는 기본적으로 모든 멤버가 public) 위 그림을 해석하면 AnimationCounter라는 클래스는 current_anim, frame, end_anim 라는 세 개의 변수와 set_nim(), __str__() 라는 두 개의 함수를 가지고 있다.
위 그림에서 화살표는 클래스들과의 관계를 표현한다.
Menu 클래스와 CharSelectMenu 클래스 사이의 화살표는 상속 관계를 의미한다. 화살표의 방향에 유의하자. 위 처럼 화살표가 CharSelectMenu 클래스에서 Menu 클래스로 향하면 CharSelectMenu가 Menu 클래스를 상속받는 것을 뜻한다. 즉 Menu 클래스가 부모 클래스, CharSelectMenu 클래스가 자식 클래스이다.
Menu 클래스와 Screen 클래스 사이의 화살표는 의존 관계를 표현한다. Menu 클래스 어딘가에서 Screen 클래스의 변수나 함수를 사용하기 때문에 Screen 클래스가 없으면 안되는 것을 뜻한다.
Menu 클래스와 Text 클래스 사이의 선은 연관 관계를 표현한다. 연관 관계는 여러 종류가 있고 그 종류마다 선 모양도 다르다. 여기에선 연관 관계라는 것만 알아두자. 위 그림에서는 Menu 클래스에서 Text 클래스로 선이 향한다고 보면 되며 Menu 클래스가 Text 클래스의 인스턴스를 가지고 있다는 것을 뜻한다. (정확히 말하면 클래스가 생성되고 소멸될 때까지 Text 클래스의 레퍼런스를 유지한다는 것을 뜻함) 다른 부분에서는 선 한쪽의 모양이 똑같이 다이아몬드인데 색이 채워진 것을 볼 수 있다. 이것도 역시 연관 관계 중 하나이다. 연관 관계인 경우 선 위에 해당 변수명을 쓰기도 한다.
여기까지만 알아도 2번째 강좌의 클래스 다이어그램을 이해할 수 있을 것이다.
