TL;DR

  • Arcentry가 Mermaid 아키텍처 다이어그램을 지원해 코드로 다이어그램을 작성하고 편집 가능한 시각화로 변환함.
  • 2018년에 만든 인프라 설명 형식(IDF)은 컴퓨팅 인프라의 시각적 표현을 코드로 기술하지만, 사람이 구조를 파악하기에는 다소 어려운 형식임.
  • Arcentry는 Mermaid 렌더러를 그대로 복제하는 대신 자체 의미 기반 레이아웃 기능을 활용해 대규모 다이어그램 배치를 처리함.
  • 데이터베이스는 뒤쪽, 서버는 중앙, 로드 밸런서는 앞쪽에 배치하며 연결 관계에 따라 그룹 정렬과 경로 설정을 수행함.
  • align row, align column, 접합점, 화살촉 등을 지원하고, Auto Apply를 통한 코드 업데이트와 캔버스 직접 편집이 가능함.

다이어그램을 코드로 기술하는 방식

  • 인프라를 코드로 기술하는 방식이 정책과 음악 등으로 확장된 가운데, 다이어그램도 코드로 표현하는 흐름이 이어짐.
  • 2018년에 컴퓨팅 인프라의 시각적 표현을 코드로 기술하는 방법으로 인프라 설명 형식(Infrastructure Description Format, IDF)을 만듦.
  • IDF라는 이름의 세 글자는 현재 일부 인공지능 시스템에서 불법 활동 검토를 유발할 수 있으며, 데이터베이스와 로드 밸런서를 요청하려는 의도와는 무관한 문제임.
  • IDF는 아키텍처 구성 요소와 그룹, 연결 관계를 CSV 또는 JSON으로 나열하면 Arcentry가 이를 다이어그램으로 변환하는 방식임.
  • 기계가 사용하기에는 간편하지만 사람이 구조를 파악하기에는 다소 어려운 형식임.

Arcentry의 Mermaid 지원

  • Arcentry가 이제 Mermaid 아키텍처 다이어그램을 지원함.
  • Mermaid 렌더러를 일대일로 복제하는 대신 Arcentry의 의미 기반 레이아웃 기능을 사용하며, 특히 대규모 다이어그램에서 유용함.
  • Arcentry는 인프라 다이어그램의 배치 규칙을 파악해 기본적으로 데이터베이스를 뒤쪽, 서버를 중앙, 로드 밸런서를 앞쪽에 배치함.
  • 구성 요소 간 연결을 기준으로 그룹을 정렬하고, 대규모 다이어그램을 고려해 경로를 설정함.
  • Mermaid의 레이아웃 지시어를 지원 범위에 추가했으며, align row, align column, 접합점, 화살촉 등을 포함함.
  • server, disk, database뿐 아니라 api-integration.aws-amazon-api-gateway 같은 Arcentry 구성 요소 ID도 사용할 수 있어 더 세밀한 표현이 가능함.

다이어그램 편집

  • 결과물은 편집 가능한 Arcentry 다이어그램임.
  • Auto Apply로 코드를 통해 계속 업데이트하거나 캔버스에서 직접 사용자 지정할 수 있음.
  • 실제 사용 예시가 이어짐.