순서도 및 마인드맵 생성

8.8K 00

이 문서에서는 ChatGPT 데모, 문서 생성 코드는 직접 이미지를 내보낼 수 있도록 소프트웨어를 조정하세요.
프롬프트 단어 생성 순서도는 지루한 작업을 시각적으로 빠르게 요약하고 사용자 친화적인 그래픽 요소를 포함하여 기사를 생성할 수 있게 해줍니다.

관련 도구.

1. 머메이드는 순서도, 타이밍 다이어그램, 클래스 다이어그램 등을 만들기 위한 자바스크립트 라이브러리입니다.

마인드맵은 마인드맵, 마인드 매핑 및 브레인 매핑 시나리오에서 일반적으로 사용되는 개념 다이어그램을 구성하는 도구입니다.

그래프비즈닷은 순서도, 상태 전환 다이어그램, 조직도, 타이밍 다이어그램 등을 만드는 도구로, 노드와 가장자리를 사용하여 관계를 표현하고 더 풍부한 레이아웃 옵션을 통해 다이어그램의 모양을 제어할 수 있습니다.

순서도 생성

clue

인어

원형 차트: 나중에 더 자세히 설명할 원형 키워드를 사용합니다.

순서도: 그래프 키워드를 사용하며, 나중에 자세히 설명합니다.

시퀀스 다이어그램: 시퀀스 다이어그램 키워드 사용

간트 차트: 간트 키워드 사용

클래스 다이어그램: classDiagram 키워드 사용

상태 다이어그램: stateDiagram 키워드 사용

사용자 여정 매핑: 여정 키워드 사용

시작하기 예시

#### 채팅GPT를 사용하여 머메이드 플롯 표현식을 생성하는 방법
핵심은 프롬프트에서 필요한 프로세스 설명을 생성하는 것과 프롬프트에서 프로세스 인어 표현식을 생성하는 두 단계 프로세스입니다.
일반 팁:
역할: 귀하는 `***' 전문가입니다.
작업 1: `***` 시나리오, 전체 프로세스가 어떻게 진행되는지, 구체적인 상호작용 흐름을 제시하세요.
작업 2: 머메이드 구문을 사용하여 위의 프로세스를 다시 작성합니다.
#### 예: 다이어그램을 사용한 순서도 작성
diagrams.net(https://app.diagrams.net/)을 열고 고급에서 머메이드 구문 순서도 코드를 복사하여 순서도를 생성합니다.

순서도 생성

''인어
그래프 TD.
A[사용자] --> B[브라우저].
B --> C [DNS 서버].
C --> D [로컬 캐시].
D --> |캐시 미스| E[DNS 확인].
E --> F [DNS 서버].
F --> G [IP 주소 가져오기].
B --> H [웹 서버].
H --> I[TCP 연결 요청].
I --> J [웹 서버].
J --> K [HTTP 요청].
K --> L[요청 메서드, 요청 헤더, 요청 본문].
J --> M [요청 처리 중].
M --> |기존 리소스| N [응답 메시지 반환];
N --> O[응답 상태 코드, 응답 헤더, 응답 본문].
B --> P[브라우저 구문 분석 렌더링 페이지];
O --> P.
M --> |리소스가 존재하지 않음| Q [404 상태 코드 반환].
Q --> O.
P --> R [리소스 다운로드].
R --> S [리소스에 액세스].
H --> T [리소스 요청 처리 중].
T --> |기존 리소스| U[리소스 응답 메시지 반환];
U --> V[리소스의 상태 코드, 응답 헤더, 응답 본문].
R --> P.
T --> |존재하는 리소스 없음| W [404 상태 코드 반환].
W --> U.
```

장면별로 빠르게 그리는 방법

1. 브라우저 URL 상호 작용 흐름의 시퀀스 다이어그램, diagrams.net으로 머메이드 표현식 가져오기

''인어
시퀀스 다이어그램
참가자 브라우저
참가자 DNS 서버
참가자 웹 서버
브라우저->>DNS 서버: DNS가 웹사이트 도메인 이름의 IP 주소를 쿼리합니다.
DNS 서버 -->> 브라우저: IP 주소 반환
브라우저->>웹서버: HTTP 요청 시작
웹 서버 -->> 브라우저: HTTP 응답 반환(HTML 콘텐츠)
브라우저->>웹서버: HTML 임베디드 리소스(이미지, 스타일, JS 등)를 요청합니다.
웹 서버 -->> 브라우저: 리소스 콘텐츠로 돌아가기
브라우저 -->> 브라우저: HTML 및 리소스를 구문 분석하고 웹 페이지를 렌더링합니다.
브라우저-->>사용자: 페이지 표시
사용자->>브라우저: 웹 페이지와 상호 작용하고 새로운 요청을 생성합니다.
브라우저->>웹서버: HTTP 요청 시작
웹 서버 -->> 브라우저: HTTP 응답 반환
```

2. 사용자가 WeChat 앱에 액세스하여 인어 표현식을 diagrams.net으로 가져오는 상호 작용 시퀀스

''인어
시퀀스 다이어그램
참가자 사용자
참가자 위챗 앱
참가자 로컬 VPN 서버
참가자 위챗 서버
사용자->>위챗 앱: 위챗 앱 아이콘을 클릭합니다.
위챗 앱->>위챗 서버: HTTPS 요청 보내기
위챗 서버-->>위챗 앱: HTTP 응답 반환
위챗 앱->>위챗 서버: 응답 메시지 파싱하기
사용자 참고 사항: 다음은 VPN 연결을 설정하는 절차입니다.
대체 네트워크는 Microsoft 서비스가 적용되지 않습니다.
WeChat 앱->>로컬 VPN 서버: VPN 연결 요청 보내기
로컬 VPN 서버->>위챗 서버: VPN 연결 설정
끝
```

3. 사용자가 WeChat 앱에 액세스하여 인어 표현식을 diagrams.net으로 가져오는 상호 작용 순서도
현재 텍스트 환경의 머메이드 구문이 제대로 구문 분석되지 않아 마크다운 형식과 호환되도록 변경할 수 있습니다.

''인어
하위 그래프 클라이언트
클릭[위챗 앱 아이콘 클릭] --> 요청[위챗 앱이 위챗 서버에 HTTPS 요청을 보냅니다]종료
하위 그래프 로컬 VPN 서버
판단[네트워크가 위챗의 서비스 범위 내에 있는지 확인] -->|비내| 설정[위챗 앱이 로컬 VPN 서버에 연결 요청을 보내 VPN 연결을 설정]종료
서브그래프 위챗 서버 측
요청 --> 인증[WeChat 서버가 요청을 인증하고 인증]인증 -->|요청이 합법적임| 응답[WeChat 서버가 WeChat 앱에 HTTP 응답 메시지를 반환]응답 --> 파싱[WeChat 앱이 응답 메시지를 파싱]종료
parse -->|필요| request_more [WeChat 서버와의 추가 요청 및 상호 작용을 시작하기 위한 WeChat 앱] ```

머메이드 표현식에서는 설명에 괄호()를 사용할 수 없으며, 문장 부호 표현식은 콜론, 쉼표 등 영어 형식이어야 한다는 점에 유의하세요.

마인드맵 생성

clue

마인드맵

시작하기 예시

큐 워드:
8대 명소를 방문하고 마인드맵과 결합하여 마인드맵 마크업 언어를 생성하는 과정

출력 코드:

바다치에서 플레이하는 과정
- 의도
- 여행 날짜 결정하기
- 티켓 구매
- 일기 예보 확인
- 물, 간식, 자외선 차단제 등을 준비하세요.
- 바다치에 도착
- 버스/운전으로 도착
- 주차 공간 찾기/주차권 구매하기
- 경치 좋은 지역으로 들어가기
- 관광
- 옥불 사원 방문
- 열세 무덤 방문하기
- 청룡호수 속으로
- 천 피트 높이의 바위에 오르세요.
- 늑대 계곡의 경치 체험하기
- 식물원 투어
- 아이스 월드 플레이
- 흥미진진한 범퍼카를 만나보세요
- 식사
- 레스토랑 선택하기
- 음식 주문하기
- 식사
- 휴식
- break
- 에너지를 위한 식수
- 투어 계속하기
- 짚라인에 도전하기
- 암벽 등반을 해보세요.
- 래프팅의 스릴을 느껴보세요
- 캐러셀을 만나보세요
- 기념품 구매
- 다양한 기념품 가게
- 기념품 구매
- 결제
- 바다치를 떠나세요.
- 집까지 도보/버스 이용
- 개인 소지품 정리
- 즐거운 하루의 마무리

코드 예제:

바다치에서 플레이하는 과정
- 의도
- 여행 날짜 결정하기
- 티켓 구매
- 일기 예보 확인
- 물, 간식, 자외선 차단제 등을 준비하세요.
- 바다치에 도착
- 버스/운전으로 도착
- 주차 공간 찾기/주차권 구매하기
- 경치 좋은 지역으로 들어가기
- 관광
- 옥불 사원 방문
- 열세 무덤 방문하기
- 청룡호수 속으로
- 천 피트 높이의 바위에 오르세요.
- 늑대 계곡의 경치 체험하기
- 식물원 투어
- 아이스 월드 플레이
- 흥미진진한 범퍼카를 만나보세요
- 식사
- 레스토랑 선택하기
- 음식 주문하기
- 식사
- 휴식
- break
- 에너지를 위한 식수
- 투어 계속하기
- 짚라인에 도전하기
- 암벽 등반을 해보세요.
- 래프팅의 스릴을 느껴보세요
- 캐러셀을 만나보세요
- 기념품 구매
- 다양한 기념품 가게
- 기념품 구매
- 결제
- 바다치를 떠나세요.
- 집까지 도보/버스 이용
- 개인 소지품 정리
- 즐거운 하루의 마무리

>위 코드는 노트에서 바로 실행할 수 없으며, [마인드맵 생성](https://markmap.js.org/repl)을 클릭하시면 코드가 복사되어 원본 이미지를 바로 다운로드 받으실 수 있습니다.

복잡한 순서도 생성

clue

GraphvizDOT

시작하기 예시

큐 워드:
의미 있는 차트를 만드는 전문가인 그래프 시각화 도트 생성기 역할을 해 주셨으면 합니다. 물 순환 차트를 생성하는 데 도움을 주세요. 코드 내용이 중국어로 되어 있습니다.

출력 코드:

digraph G {
rankdir=LR.
노드[모양=원, 글꼴명="Arial"];
edge[글꼴명="Arial", 글꼴크기=12].
// 노드 정의
지구 [레이블="지구"].
호수 [레이블="호수"].
바다 [레이블="바다"].
Sun [label="Sun"].
분위기 [레이블="분위기"].
구름 [레이블="구름"].
Rain [label="Rain"].
얼음과 눈 [레이블="얼음과 눈"].
하천 [레이블="하천"].
식생 [label="식생"].
// 가장자리 정의하기
태양 -> 대기 [레이블="방사능"].
대기 -> 지구 [레이블="방사능"].
지구 -> 호수 [레이블="지하수 충전"].
지구 -> 바다 [레이블="강 보충"].
호수 -> 하천 [라벨="하천"].
바다 -> 대기 [레이블="증발"].
대기 -> 구름 [레이블="응축"].
구름 -> 비 [레이블="강수량"].
강우량 -> 호수 [레이블="유출수"].
강우량 -> 스트림 [레이블="유출수"].
얼음 -> 호수 [라벨="녹다"];;
얼음과 눈 -> 강 [라벨="녹는"].
식생 -> 대기 [레이블="증발"].
식생 -> 지구 [레이블="토양 수분"].
}

고급 예제

큐 워드:
의미 있는 그래프를 만드는 전문가인 그래프 시각화 도트 생성자 역할을 해 주셨으면 합니다. 그래프에는 최소 n개의 노드가 있어야 하며(저는 입력에 [n]을 써서 n을 지정하고 기본값은 10입니다) 주어진 입력을 정확하고 복잡하게 표현할 수 있어야 합니다. 각 노드는 출력 크기를 줄이기 위해 숫자로 인덱싱되며, 스타일을 포함해서는 안 되며, 레이아웃=neato, 오버랩=false, 노드 [모양=직사각형]으로 파라미터화되어 있어야 합니다. 코드는 유효하고 오류가 없어야 하며 설명 없이 한 줄로 반환되어야 합니다. 명확하고 체계적인 다이어그램을 제공해야 하며, 노드 간의 관계는 해당 입력에 대한 전문가가 이해할 수 있어야 합니다. 첫 번째 다이어그램은 "물 순환 [8]"입니다.
> 이 예에서는 역할을 강화하고, n을 변수로 도입하고, 코드, 스타일 요구 사항, 매개변수 이름을 추상화하고, 코드 유효성을 개선하고, 중복 코드를 줄입니다. 이 예제는 더 많은 가능성을 제공합니다.

출력 코드:

digraph {
레이아웃=neato; 오버랩=false; 노드 [모양=직사각형];
0[label="기화"];
1[label="분위기"].
2[label="응축"].
3[label="강수량"].
4[label="Land"].
5 [label="지하수"].
6[label="표면 유출"].
7[label="바다"].
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}

erDiagram
USERS ||--o{ USER_ROLES }o--|| ROLES : "User-Roles"
지도 }o--|| 레벨 : 레벨
LEVELS ||--o{ OBJECTIVES } : 목표
사용자 {
UUID 사용자_ID
텍스트 이메일
텍스트 날짜
int requests_count
user_id *--1 사용자
}
채팅 {
UUID CHAT_ID
UUID 사용자_ID
타임스탬프 생성_시간
json 기록
텍스트 채팅_이름
}
채팅_역사 {
UUID 메시지_ID
UUID CHAT_ID
텍스트 사용자_메시지
텍스트 어시스턴트
타임스탬프 메시지_시간
}
벡터 {
UUID ID
텍스트 콘텐츠
JSONB 메타데이터
벡터(1536) 임베딩
}
통계 {
타임스탬프 시간
부울 채팅
부울 임베딩
텍스트 세부 정보
JSONB 메타데이터
일련 번호
}
요약 {
빅시리얼 ID
UUID 문서_ID
텍스트 콘텐츠
JSONB 메타데이터
벡터(1536) 임베딩
}
api_keys {
UUID KEY_ID
UUID 사용자_ID
텍스트 API_키
타임스탬프 생성_시간
타임스탬프 삭제_시간
boolean is_active
}
브레인 {
UUID BRAIN_ID
텍스트 이름
텍스트 상태
텍스트 모델
텍스트 최대_토큰
부동 온도
}
brains_users {
UUID BRAIN_ID
UUID 사용자_ID
varchar 권한
BOOLEAN 기본_뇌
}
브레인_벡터 {
UUID BRAIN_ID
UUID 벡터_ID
텍스트 file_sha1
}
뇌_구독_초대 {
UUID BRAIN_ID
varchar 이메일
varchar 권한
}
마이그레이션 {
변수 이름
timestamptz executed_at
}