[Challenge / day-21]Architecture diagram, Sequence diagram 실습

오늘의 공부범위 : 강의 28강,29강 내용(Part3. ch1. 5강,6강)

 

목차

1. Architecture diagram 실습

2. Sequence diagram 실습

 

이번 시간에는 먼저 배웠던 두 가지 다이어그램을 실습해보면서 차이점도 느껴보고 조금 더 이론에 대한 깊은 이해를 할 수 있는 시간을 가져보겠다.

 

아 분명 아키텍쳐 다이어그램 실습에 관해서 정말 잘썼는데 한숨 자고 일어났더니 다 날아갔다...하..

 

#1. Architecture diagram 실습

 

결과물이 좀 초라해 보일 수 있지만, 향후 발전가능성이 있는 결과물임을 참고해주기 바란다.

Architecture diagram은 두 가지만 기억하면 일단 그릴 수가 있었다.

 

1. 구성요소 나열하기

2. 구성요소 간 상호작용 그리기

 

이번에 LucidChart라는 툴을 처음으로 이용해서 작성해보았는데 정말 그리기 편리하게 되어있었다. 화면 왼쪽 검색창에서 원하는 이미지를 검색을 통해 쉽게 찾아서 추가할 수 있었고,

선도 이미 내제된 기능으로 한 번에 그릴 수 있었다. 결과물은 다음과 같다.

 

굉장히 조촐해 보이지만, 파트 6에서 여기서 디비같은게 추가되거나 그런 부분이 있을 것 같은데 상당히 복잡해질 수 있을거라고 주소를 잘 저장해놓으라고 하셨다. 나는 계정을 만들었으니(누구나 이용하려면 만들어야한다. 피그마처럼) 그 계정으로 다시 접속하면 될 것 같다. 하나 해결..!!

 

 

#2. Sequence diagram 실습

 

Sequence diagram도 간략하게 사용방법을 리마인드 해보자면, 

 

1. (역시 여기에도) 구성요소가 있다.

2. 구성 요소 간 상호작용을 그리는데,

3. 얘는 순서가 중요했고, 좀 더 복잡한 상호작용을 표현할 수 있었다.

 

이렇게 정리하고 실습을 통해 습득해보자.

이번에는 PlantUML이라는 툴을 이용한다고 하셨는데, 

 

(1)Java 설치

설치를 막 하려는데, 빨간글씨로 약관을 확인하라기에 링크로 들어오긴했는데...

음... 그렇게 많은 사람들이 쓰는데 별 일 없겠죠~~ 그냥 동의할게요 얼른.. 설치할게요 ㅎㅎ

 

역사적 순간(?)

자바설치 성공화면. 설치중일 때 캡쳐한게 뭔가 더 느낌있었는데... 날아갔다. 무튼 설치 완료!

 

(2) Graph Viz 설치

Plant UML을 사용하려면 두 번째로 그래프비즈를 설치해야한다고 하셔서 설치하려했는데

옵셔널이고 시퀀스 다이어그램만 그릴거면 필요없다는데요...? 분명 이거 설치해서 다른 것도 하는거죠..?ㅋㅋㅋㅋ 의구심이 살짝 들었지만 일단 설치하였다. 아..!! 설치하러 오니까 class diagram을 그리려면 필요한 툴이다!! 설치해야지 ㅋㅋㅋ

괜히 class diagram을 먼저 실습하겠다고 어제랑 공부순서가 이리저리 꼬여서 엉망이 되어버렸다. 아무도 어려워하지 않는 부분인데 혼자 순서를 꼬아서 어렵게 만들었다🙍

 

근데 그래프 비즈가 도대체 무엇이길래 필요한 것인가?

GraphViz is software system that provides a program called dot. This dot program is able to generate a directed graph from a textual description.
텍스트로 된 설명을 방향성 있는 그래프로 만들어 줄 수 있는 dot이라는 프로그램을 제공하는 소프트웨어 시스템이라고한다.

최신버젼의 plantUML에는 GraphViz가 포함되어 있다고 하는 것 같아서 별도로 설치 안하고 바로 plantUML을 설치하여 실습하였다. 저작권 문제 때문에 영상이나 자료는 배제하고 내가 짜는 코드의 프리뷰 화면은 다음과 같이 만들어지고 있다.

이번에 배운 것을 활용해서 이번 주 부트캠프 과제인 To do list도 뭔가 있어보이게 Sequence diagram을 작성해서... 해볼까 싶다. 이거 작성하는 김에 하나 더 작성해서,,,

 

근데 진짜 이번 강의에서 느낀 점은 새로운 것을 많이 배우고 아직은 제대로 활용을 못하더라도 영역이 확장되는 느낌을 받아서 강의를 더 열심히 따라가게 된다.. 😚😚 끝까지 열심히해서 완강해야지!

 

 

 

관련링크

패스트캠퍼스 : http://bit.ly/3Y34pE0

패스트캠퍼스 [직장인 실무교육]

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

#패스트캠퍼스 #패캠챌린지 #수강료0원챌린지 #환급챌린지 #직장인인강 #직장인자기계발 #패캠인강후기 #패스트캠퍼스후기 #오공완 #사이드프로젝트10개기술스택으로구현하는풀스택서버리스프로젝트withReact