강원도지사
article thumbnail

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

 

 

 

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

'코딩' 카테고리의 다른 글

Next.js에 대해 알아보자 #2  (2) 2024.09.26
tailwindcss에 대해 파헤쳐보자  (3) 2024.09.11
Next.js에 대해 알아보자  (1) 2024.09.05
profile

강원도지사

@박강원입니다

노력하여 끊임없이 발전하는 사람이 되겠습니다!