전체 다이어그램으로 돌아가기

아키텍처 다이어그램

서비스 아이콘과 연결로 클라우드 및 시스템 아키텍처를 설계합니다. 인프라 문서화에 완벽합니다.

아키텍처 다이어그램이란?

아키텍처 다이어그램은 소프트웨어 시스템, 클라우드 인프라, 기술 환경의 구조를 시각화합니다. 표준 아이콘과 표기법을 사용하여 서비스, 데이터베이스, 네트워크, 상호 연결을 보여줍니다. 아키텍처 다이어그램은 시스템 설계, 클라우드 배포 계획, 인프라 문서화, 엔지니어링 팀에 기술적 결정을 전달하는 데 필수적입니다.

편집 및 미리보기

Mermaid 문법으로 아키텍처 다이어그램을(를) 작성하고 변경 사항을 즉시 확인하세요.

에디터
100%

Example

Architecture diagram example

A Mermaid architecture diagram for a browser editor, renderer, and exported PNG file.

Mermaid architecture diagram example showing browser, editor UI, renderer, and PNG file services
Mermaid architecture diagram example showing browser, editor UI, renderer, and PNG file services

Mermaid code

architecture-beta
    group app(cloud)[Mermaid Editor]

    service browser(internet)[Browser] in app
    service editor(server)[Editor UI] in app
    service renderer(server)[Mermaid Renderer] in app
    service file(disk)[PNG File]

    browser:R --> L:editor
    editor:R --> L:renderer
    renderer:B --> T:file

일반적인 사용 사례

클라우드 인프라 설계

AWS, Azure 또는 GCP 배포를 계획합니다. 프로비저닝 전에 서비스, 네트워킹, 스토리지, 컴퓨팅 리소스를 시각화합니다.

마이크로서비스 아키텍처

서비스 경계, API 게이트웨이, 메시지 큐, 데이터 저장소를 매핑합니다. 마이크로서비스가 어떻게 통신하고 의존하는지 문서화합니다.

시스템 문서화

프로덕션 시스템의 살아있는 문서를 만듭니다. 새 팀원이 인프라와 서비스 토폴로지를 이해하도록 돕습니다.

보안 아키텍처

보안 경계, 인증 흐름, 네트워크 세분화를 시각화합니다. 보안 제어와 배치를 문서화합니다.

주요 기능

서비스 아이콘

데이터베이스, 서버, 클라우드 서비스, 네트워크 구성 요소와 같은 일반 서비스에 표준 아이콘을 사용합니다.

서비스 그룹

논리적 경계, VPC 또는 조직 단위를 보여주기 위해 관련 서비스를 명명된 그룹으로 그룹화합니다.

연결 유형

통신 프로토콜이나 데이터 흐름을 설명하는 레이블과 함께 서비스 간 방향 연결을 보여줍니다.

레이어드 레이아웃

아키텍처 티어를 명확하게 보여주기 위해 레이어(프레젠테이션, 비즈니스 로직, 데이터)별로 서비스를 배치합니다.

모범 사례

적절한 세부 수준 표시

청중에 맞춰 세부 수준을 조정합니다. 임원에게는 개요 다이어그램이, 엔지니어에게는 구체적인 서비스 세부사항이 필요합니다.

표준 아이콘 사용

서비스와 인프라에 인식 가능한 아이콘을 사용합니다. 기술적 청중이 즉시 이해할 수 있는 다이어그램을 만듭니다.

관련 서비스 그룹화

서비스 경계, 네트워크 영역 또는 배포 환경을 보여주기 위해 시각적 그룹화를 사용합니다.

최신 상태 유지

아키텍처 다이어그램은 현실과 달라지면 가치를 잃습니다. 배포 프로세스의 일부로 업데이트합니다.

다른 다이어그램 유형 살펴보기

순서도

노드와 방향 화살표로 프로세스, 워크플로, 알고리즘을 시각화합니다. 비즈니스 프로세스와 의사결정 트리에 적합합니다.

시퀀스 다이어그램

시간에 따른 액터 또는 시스템 간의 상호작용을 문서화합니다. API 문서화와 시스템 설계에 이상적입니다.

클래스 다이어그램

클래스, 속성, 관계로 객체지향 시스템을 모델링합니다. 소프트웨어 아키텍처 설계에 필수적입니다.

상태 다이어그램

시스템이나 애플리케이션의 상태 전이를 표현합니다. 라이프사이클 상태와 워크플로 모델링에 적합합니다.

간트 차트

작업과 종속성으로 프로젝트 타임라인을 계획하고 추적합니다. 프로젝트 관리와 일정 관리에 완벽합니다.

ER 다이어그램

엔티티와 관계로 데이터베이스 스키마를 설계합니다. 데이터베이스 모델링과 문서화에 이상적입니다.

사용자 여정

터치포인트 전반에 걸친 사용자 경험과 상호작용을 매핑합니다. UX 설계와 고객 여정 매핑에 탁월합니다.

Git 그래프

Git 브랜치 전략과 커밋 히스토리를 시각화합니다. 버전 관리 워크플로 설명에 유용합니다.

마인드맵

아이디어를 정리하고, 개념을 브레인스토밍하며, 계층적 시각 구조를 만듭니다. 기획과 지식 매핑에 완벽합니다.

파이 차트

원형 차트로 비율 데이터 분포를 표시합니다. 백분율과 시장 점유율 분석에 이상적입니다.

타임라인

시간 축을 따라 연대순 이벤트와 마일스톤을 시각화합니다. 프로젝트 히스토리와 로드맵에 적합합니다.

칸반 보드

워크플로 단계를 나타내는 열에 작업을 정리합니다. 애자일 프로젝트 관리와 작업 추적에 완벽합니다.

사분면 차트

두 축 그리드에 항목을 배치하여 비교하고 우선순위를 정합니다. 기능 우선순위 설정과 전략 분석에 이상적입니다.

생키 다이어그램

비례 화살표로 노드 간 흐름량을 시각화합니다. 에너지 흐름, 예산 배분, 전환 퍼널에 완벽합니다.

XY 차트

사용자 정의 가능한 축으로 막대 차트와 라인 차트를 만듭니다. 데이터 시각화와 트렌드 분석에 이상적입니다.

블록 다이어그램

열과 행으로 배열된 블록으로 구조화된 레이아웃을 만듭니다. 시스템 아키텍처와 구성 요소 개요에 적합합니다.

패킷 다이어그램

비트 수준 필드 레이아웃으로 네트워크 프로토콜 패킷 구조를 시각화합니다. 네트워크 프로토콜 문서화에 필수적입니다.