가장 효과적인 시스템 구성도 그리는 법!
현시대 IT 산업이 점점 발전하면서 너도나도 IT업계에 종사하려는 움직임이 많습니다. 간단한 코딩이라든지, 컴퓨터 활용 능력 자격증을 딴다든지. 공대생이나 이쪽 계열 전공이 아님에도 스펙을 위해서 많이 도전을 하고 있으시죠? 그러면서 한 번쯤은 들어봤을 “시스템”. 컴퓨터 시스템이란 도대체 무엇일까요? 시스템 구성도는 어떻게 그릴 수가 있을까요? 오늘은 효과적인 방법을 소개해주도록 하겠습니다.
이드로우 맥스
올인원 다이어그램 소프트웨어
- 강력한 호환성: Visio,MS office 등 파일 호환 가능
- 다양한 운영체제: (윈도우,맥,리눅스)
100% 안전 | Part 1: 시스템 구성도? 시스템 아키텍처? 대체 뭘까?
아키텍처는 ‘건축학’의 영어인데요. 건물을 세울 때 중요한 건 설계도인 것처럼 시스템에도 동일하게 적용됩니다. 추상적이고 복잡한 시스템의 구성을 시각화한 설계도를 시스템 아키텍처, 시스템 구성도라고 합니다. 워낙 광범한 범위이기 때문에 네트워크 구성도, 서비스 구성도, 기능 구성도 등으로 세부적으로 나뉠 수도 있지만 오늘은 이 전체를 포괄한 의미로 사용하도록 하겠습니다.
더 간단하게 알아볼까요? 흔히들 많이 하는 “게임”. 시스템 아키텍처는 게임을 포함한 소프트웨어의 구성요서 사이의 관계, 모두의 속성을 구성하는 시스템에 대한 구조의 집합을 의미합니다. 즉 게임을 구성하는 구성 요소들을 “어떤 식으로 묶어내는지”에 대한 설계이자 청사진인 셈이죠. 사실 작성 형식에 대한 뚜렷한 요구는 없기 때문에 편하신 대로 그려도 된답니다.
Part 2: 시스템 구성도를 그릴 때 도움되는 사이트 3가지
추천1. Cloudcraft
장점
- 기본적인 복사, 화면 축소 확대를 다 지원합니다. 아이콘이 다양하고 AWS 관련 아이콘도 지원한답니다.
- 다른 사이트와의 차별점이라는 3D형식으로 작성이 가능하기 때문에 퀄리티가 높아보일 수 있습니다.
- 처음 가입하면 14일 동안 무료로 쓸 수 있는 체험판이 마련되어 있습니다.
단점
- 작업 시 선을 연결하는 동작에 불편합니다.
- AWS 서비스에서만 작동하고 다른 클라우드 서비스에서는 통합할 수 없습니다.
추천2. Gliffy
장점
- 크롬 브라우저에서 편집이 가능하기 때문에 별도의 프로그램 설치가 필요 없으며 30일 체험판을 제공합니다.
- 다른 작업자와 실시간 협업 기능을 제공하고 있습니다.
단점
- 마이크로소프트 Visio등과 호환되지 않습니다. 호환성이 좀 떨어지고 파일 저장 관리 기능이 깔끔하게 처리되지 않습니다.
- 무료 버전의 한계점이 뚜렷합니다.
추천3. Draw.io
장점
- 웹사이트 버전과 애플리케이션을 따로 다운 받기 모두가 가능합니다.
- 무료 및 오픈 소스 사이트입니다.
- 마이크로소프트 visio로 만든 파일을 바로 읽어올 수도 있고 호환성도 뛰어납니다.
단점
- 레이어 기능이 없고 도형 라이브러리 종류 등의 테마 사용이 제한적이며 pdf로 변환시 한글이 깨져 보이는 현상이 발현됩니다.
Part 3: 시스템 구성도 프로그램 추천 3가지
| 장점 | 단점 | |
| 마이크로소프트 Visio |
마이크로소프트에서 출시한 프로그램이기에 안정적이고 대중화되어 있습니다. |
유료이며 다른 기기와 호환성이 떨어집니다. 기본 제공이 영어버전이기에 한글버전은 추가적인 다운로드가 필요합니다. |
| OmniGraffle | 많은 파일 형식을 조작하려는 개인에게 가장 적합하고 여러가지 파일 형식을 지원하고 있습니다. | 마찬가지로 유료이며 MS/OS에는 Visio가 있다면 이건 Ios,macOS에서만 지원이 가능합니다. CAD 통합을 지원하지 않습니다. |
| EdrawMax | 수많은 템플릿 지원, 개인용 업무용 모두 손색이 없음. 다양한 OS호환 가능합니다. | 무료 버전도 제공하긴 하지만 사용할 수 있는 템플릿이 제한되는 등 한계가 있습니다. |
Part 4: 시스템 구성도 그려보기
그럼 오늘은 이중에서 이드로우 맥스(EdrawMax)를 활용해 시스템 아키텍처 그리기를 완성해보도록 하겠습니다.
Step 1: 프로그램 다운하기
다운로드를 한 후 실행하면 다음 같은 페이지가 나오는데요. ‘신규’-‘클라우드 서비스’-‘AWS’를 클릭 혹은 아래의 ‘새로 그리기’ 아이콘을 클릭하면 새로운 캔버스가 열립니다.
템플릿 예시도 있는데요. 이와 같은 식으로 시스템 아키텍처 구성도를 그릴 수 있겠습니다.
Step2. 기호와 아이콘 활용하기
좌측 라이브러리를 클릭하시면 아키텍처 구성도에 사용하기 좋은 기호들이 있습니다. “일반”-“기본 드로잉 모양”을 선택하면 다양한 기본 모양 기호가 지원되고 있습니다.
Step 3. 다양한 기능을 활용하여 구성도 완성하기
같은 모양의 기호 복사, 기본 도형 투명하게 하기, 색상 바꾸기, 선 디자인, AWS 데이터 베이스 기호 추가, 텍스트 추가 등 다양한 기능이 지원되는데 이것들을 활용해서 나만의 시스템 아키텍처 구성도를 완성해봅시다!
오늘은 시스템 아키텍처 구성도를 작성하는 법과 간단한 예시자료를 업로드 했는데요 많은 사람들한테 도움이 되었길 바라며 저는 더 좋은 포스팅으로 찾아오도록 하겠습니다.
질문1. 시스템 아키텍처가 프로젝트에서 무슨 작용을 하나요? 그것의 중요성은?
시스템 아키텍처는 한 프로젝트의 기반이 되고 매니저 롤을 한다고 보면 됩니다. 프로젝트 수정에 시간과 비용을 많이 아낄 수 있으며 보다 전략적이고 효과적인 작업을 위해 필요한 작업입니다.
질문2. 시스템 아키텍처에는 몇 가지 유형이 있나요?
과거에 데이터 센터 컴퓨팅은 메인프레임이라는 대규모 통합 리소스가 특징이었지만 공유 컴퓨팅 리소스가 더욱 분산되고 저렴해짐에 따라 이러한 리소스는 서버, 네트워크, 소프트웨어 등으로 분할 되었습니다.