코딩

UML 다이어그램에 대해 알아보자(객체, 와이어프레임)

박강원입니다 2024. 11. 7. 15:57

UML 다이어그램이란?

UML 다이어그램은 프로그램을 만들기 전에 설계도를 그리는 표준화된 방법입니다. 마치 건축가가 건물을 짓기 전에 설계도를 그리는 것처럼, 개발자도 프로그램의 설계도를 그립니다.

 

 

오늘 알아볼 다이어그램은 객체와 와이어프레임입니다.

 

객체

- 프로그램의 구조를 보여주는 가장 기본적인 다이어그램

- 각 요소들의 특징과 관계를 표현합니다

 

예시 사진&코드

@startuml
object London
object Washington
object Berlin
object NewYork

map CapitalCity {
 UK *-> London
 USA *--> Washington
 Germany *---> Berlin
}

NewYork --> CapitalCity::USA
@enduml

와이어프레임

- 웹사이트나 앱의 화면 구성을 간단하게 그린 설계도

- 실제 디자인을 하기 전에 화면의 구조를 대략적으로 보여주는 스케치로 이해할 수 있습니다

예시 사진&코드

@startsalt
{
  Just plain text
  [This is my button]
  ()  Unchecked radio
  (X) Checked radio
  []  Unchecked box
  [X] Checked box
  "Enter text here   "
  ^This is a droplist^
}
@endsalt

 

 

 

이상으로 포스팅을 마치겠습니다.