250x250
syk531
하루
syk531
전체 방문자
오늘
어제
  • 분류 전체보기 (166)
    • 개발 (166)
      • java (11)
      • kotlin (7)
      • spring, spring boot (35)
      • Javascript (4)
      • Tyhmeleaf (2)
      • Kafka (17)
      • Docker (8)
      • Kubernetes (3)
      • Elastic Stack (4)
      • react native (3)
      • Web (4)
      • GIS (3)
      • 리눅스 (16)
      • Windows (2)
      • 네트워크 (2)
      • 안드로이드앱 (5)
      • git (2)
      • Tool (15)
      • 프로젝트 (7)
      • 백준알고리즘 (14)
      • DB (2)

인기 글

최근 글

블로그 메뉴

    공지사항

    태그

    • 뉴스앱
    • 오블완
    • 티스토리챌린지

    최근 댓글

    티스토리

    hELLO · Designed By 정상우.
    syk531

    하루

    [draw.io] 순서도, 서버 구성도 그리기(무료 온라인 사이트)
    개발/Tool

    [draw.io] 순서도, 서버 구성도 그리기(무료 온라인 사이트)

    2024. 3. 26. 16:10
    728x90
    반응형

    draw.io 는 별도의 애플리케이션 다운로드 없이 웹에서 직접 순서도, 다이어그램, 서버 구성도를 쉽게 작성할 수 있는 무료 온라인 사이트 입니다.

    다양한 도형과, 화살표, 서버이미지를 이용해 순서도를 쉽게 그릴 수 있으며 url을 통해 이미지를 가져와서 사용할 수도 있습니다.

     

    draw.io  에 접속하면 아래와 같이 다이어그램을 저장할 위치를 선택할 수 있습니다.

     

    나중에 결정을 클릭하면 아래와 같이 다이어그램을 그릴 수 있는 화면이 나옵니다.

     

    도형 검색에서 사용할 이미지를 검색하면 기본적으로 제공하는 이미지를 찾을 수 있습니다.

     

    사용할 이미지가 없는 경우에는 상단의 플러스 버튼 > 이미지에서 URL을 통해 이미지를 불러올 수 있습니다.

     

    플러스 버튼 > 이미지를 클릭하면 아래와 같은 화면이 뜨는데 해당 화면에 이미지 URL을 드래그 해주면 이미지가 추가됩니다. 

     

    저는 kafka 이미지를 https://upload.wikimedia.org/wikipedia/commons/0/0a/Apache_kafka-icon.svg 에서 불러왔습니다.

    작성한 내용은 상단에 파일 > 저장을 클릭해서 저장할 수 있습니다.

     

    저장을 클릭하면 아래의 화면이 노출되고 파일 이름과 저장할 위치를 선택하고 저장을 합니다.

     

    저장을 한 파일은 나중에 불러와서 사용할 수 있습니다.

    728x90
    반응형
    저작자표시 (새창열림)

    '개발 > Tool' 카테고리의 다른 글

    이미지 좌표 구하기  (0) 2024.07.03
    [HeidiSQL] BLOB 칼럼에 이미지 데이터 조회 시 렉이 걸리는 현상  (0) 2024.06.07
    [Postman] Websocket 테스트 방법 및 Protocol 설정 방법  (1) 2024.02.20
    [Intellij] Gradle dependency tree 확인  (0) 2024.01.22
    [Jenkins] 버전 업데이트  (0) 2023.12.05
      '개발/Tool' 카테고리의 다른 글
      • 이미지 좌표 구하기
      • [HeidiSQL] BLOB 칼럼에 이미지 데이터 조회 시 렉이 걸리는 현상
      • [Postman] Websocket 테스트 방법 및 Protocol 설정 방법
      • [Intellij] Gradle dependency tree 확인
      syk531
      syk531
      기억을 위해 기록을.

      티스토리툴바