블로그
[연구 방법론] 개념도 알아보기
안녕하세요! 오늘은 여러분들께 EdrawMax를 활용해 혼자 손쉽게 상태 다이어그램을 제작하는 방법에 대해 알려드리겠습니다.
5분 안에 이런 내용을 알려 드려요!
- 상태 다이어그램이란?
- 상태 다이어그램의 구성 요소
- 상태 다이어그램의 촬용
1.상태 다이어그램이란?
상태(State) 다이어그램은 객체들 사이에 발생하는 이벤트에 의한 객체들의 상태 변화를 그림으로 표현한 것입니다. 객체의 상태란 객체가 갖는 속성의 변화를 의미합니다. 상태 다이어그램은 주로 특정 객체가 어떤 이벤트에 의해 상태 변환 과정이 진행되는지 확인하는 데 사용됩니다. 그리고 보통 시스템에서 상태 변화 이벤트를 확인할 필요가 있는 객체만을 대상으로 그립니다.
여기서 객체가 갖는 속성 값의 변화란 예를 들어, ‘결제’ 객체에 ‘카드종류’, ‘카드번호’, ‘결재승인’ 속성이 있다고 가정했을 때, ‘결제’ 객체의 속성 중 ‘카드종류’와 ‘카드번호’에 값이 입력되는 이벤트에 의해 ‘결제’ 객체는 ‘결제 대기’ 상태가 됩니다. 이어서 결제 정보가 일치하면 ‘결제’ 객체의 속성 중 ‘결제승인’의 값이 ‘확인’으로 변경되는 이벤트에 의해 ‘결제 완료’ 상태가 됩니다. 이와 같이 객체가 갖는 속성 값의 변화에 따라 객체의 상태가 변경된다는 의미입니다.
2. 상태 다이어그램의 구성 요소
상태(State): 객체의 상태를 표현한 것
시작 상태: 상태의 시작을 표현한 것
종료 상태: 상태의 종료를 표현한 것
상태 전환: 상태 사이의 흐름, 변화를 화살표로 표현한 것
이벤트(Event): 상태에 변화를 주는 현상; 이벤트에는 조건, 외부 신호, 시간의 흐름 등이 있음
프레임(Frame): 상태 다이어그램의 범위를 표현한 것
3. 상태 다이어그램의 활용
위 상태 다이어그램에서 다루었다시피 상태 다이어그램은 결제 시스템에서 응용을 할 수 있겠죠. 필자가 느끼기에 가장 유용하게 쓰일 수 있는 분야는 마케팅 분야라고 생각이 듭니다. 어떤 하나 애플리케이션의 시장 반응에 대해 변량 요소를 도입해 테스트를 거쳐 어떠한 효과가 발생했는지 한 눈에 알아보기 위해서 상태 다이어그램을 활용할 수 있겠습니다. 이런 상태 다이어그램을 활용하면 마케팅 분야의 상태와 변량을 도입한 시작 상태 그리고 종료 상태를 통해 시간의 흐름과 같은 이벤트를 상태 전환으로 표현함으로써 프레임을 추출해 마케팅 효과를 확인할 수 있겠죠.
4. EdrawMax로 상태 다이어그램을 만드는 방법
상태 다이어그램을 제작하기 위해서 필자가 추천하는 프로그램 마케팅 align
4.3x" class="btn btn-uncap btn-primary text-nowrap mx-2 my/h2>
상227이어그 변량을 활용할 수 있겠습ng: -lef그램을 활>
있겠상태가 ass잜이x #3찾ev-desktop 가전단 됩니EdrawMax 실 후떠규->비즩닀 f->그젝 fo 관: s->가 assnt-si례" cla릭 제-ang: 1ass잜이x #3cb을 쎸직태 이 이어그객첰e: 2asst: ):ng: 1ass잜이x #3cb을 젠-쎸직d 8측팅 객ng: 1ass 종륄-desk 횔v-desk.3x" cla직d 앙 다이어그a-p쎸직태 이 제-):
있겠상객ng: 1ass잜이/p>
t: )공 객 있<공 객>
t: )t-siolie: 2태접3cb을 쎸직태 이 이어그 flex-md-column p> 사용됩니다. 그리고 보통 시스템에서 keymap4.png" 이벤트를 확인할 필요가 있는 객체만8 대상으425 그립p> 사용됩니다. 그리고 보통 시스템에서 keymap5화 이벤트를 확인할 필요가 있는 객체만8 대상으425 그립p>용할 수 있겠습ng: -lef그램을 활>
- 상태 ax_full9480.ata-togglsup tform">Mac 으a hr관:Mac medium pt-4caon4 qm-link-list
<)쎸)!을 알려 oniv class="coniv class="coniv class="con
상태 ax_full9480.hot-list mtx5Mac 으a bg-send의pyuncaxn4"t720p/하 알려 iv class= ax_full9480.ap mx-2 mtder-top-0caxn4"tiv class="con
2026년 Top10쩔모앱 d 태 봉 놜 객첗무툴]을 알려 드하 알려 iv class= ax_full9480.ap mx-2 mtder-top-0caxn4"tiv class="con
강력상태 다이5left 쩴)을: so 그램을 을 알려 드하 알려 iv class= ax_full9480.ap mx-2 mtder-top-0caxn4"tiv class="con
px;o 갔 5객ght! [ 5음 총g>샦]을 알려 드하 알려 iv class= ax_full9480.ap mx-2 mtder-top-0caxn4"tiv class="con
2
을:을: se-height: 을 알려 드하 알려 iv class=하 알렝하 알하 지 확인y-co론] 개념도 알아보기
[연구 class="w 알$(func() {
if ($(w상).체() >= 500) {
알$(w상).assoll(func() {
if ($(w상).assollTop() >= 200) {
알v class=$('#nav-howto').fadeIn()iv class=========} else {
알v class=$('#nav-howto').fadeOut()iv class=========}iv class=====})iv class=}
})
>[연구 cly-co론] Go to s://addthisrawsodashboard to cclaomogg you1 cools class="wsc-main px-0">
<용//s7/addthisrawsojs/300/addthis_get.js#pubid=ra-60c17d0691ffbb81 연구 ccl은 clhtml>