AI가 놀라운 코드 흐름 차트를 정확하게 생성하는 방법

안녕하세요 여러분, 저는 미추안입니다

인공 지능 없이 코드를 더 잘 이해하려면 최소한 60분 이상 코드를 읽고 우리가 이해한 내용을 바탕으로 수동으로 마인드 맵이나 플로차트를 그려야 합니다.

AI는 코드를 정확한 코드 시각화 그래픽으로 변환하여 단 5분 만에 코드 판독 시간을 절약할 수 있습니다.

여기에는 세 가지 문제가 있습니다.

1. AI를 통해 코드를 해석하는 방법

2. 해석된 코드를 흐름도를 통해 표현하는 방법은 무엇입니까?

3. 순서도 생성 방법

이 세 부분을 차례로 소개하겠습니다

1. AI 코드 해석

AI 코드 해석은 실제로 AI의 요약 기능을 사용하여 코드 주석을 생성합니다. 대형 모델에는 이미 이 기능이 구현되어 있습니다.

예를 들어 Baidu Comate의 기본 모델: Wenxinyiyan 4.0, Tsinghua University에서 개발한 CodeGeex 대형 모델, GitHub Copilot의 기본 모델: CodeX

어떤 사람들은 GPT를 통해 직접 주석을 생성하지 않느냐고 물을 수도 있습니다.

GPT는 기사 작성, 코드 작성, 소설 작성 등 많은 작업을 수행할 수 있는 일반적인 대형 모델이므로 코드만 작성하면 보다 전문화된 대규모 독점 코드 모델만큼 좋지 않습니다. , 코드 필드에만 초점을 맞추고 코드를 더 정확하게 해석하므로 생성된 코드 주석이 더 정확합니다

다음은 Comate를 사용하여 코드를 해석하는 예입니다.

예를 들어 다음 코드는 200줄이고 예를 들어 10개의 주문이 모여서 8개의 패키지가 생성됩니다

클러스터링 세부 사항이 너무 많아서 AI를 사용하여 보다 직관적인 흐름도를 추출하고 그려보고 싶습니다. ​이 코드를 해석하는 프로그래밍 도구 바이두 코메이트

플러그인 코메이트를 설치한 후, 기능 코드 위에서 코드 설명 메뉴를 찾으세요

사진

코드 댓글을 클릭하면 바이두 AI 어시스턴트 채팅 상자가 나옵니다. 코드 설명이 뜨는데요

사진

2. 코드 시각화 방법

리더에게 보고하는 것인지, 주간 보고서를 작성하는 것인지, 텍스트를 넣으면 느낌이 달라집니다. 즉시 시각화를 배우는 것이 매우 중요합니다

코드 시각화에는 일반적으로 UML 다이어그램 작성이 필요합니다. UML 다이어그램을 생성하기 위해 텍스트 설명을 사용하는 관점에서 제가 선택한 도구는 PlantUML

PlantUML입니다. 다양한 유형의 다이어그램을 빠르게 생성할 수 있는 강력한 도구입니다. 이러한 다이어그램은 소프트웨어 개발 및 문서 작성에 널리 사용됩니다. 다음은 PlantUML에서 지원하는 주요 다이어그램 유형 중 일부입니다.

1. 시퀀스 다이어그램: 개체 간 상호 작용의 시계열을 표시하는 데 사용되며 종종 내부 구성 요소를 표시하는 데 사용됩니다. 시스템이나 객체 간 메시지 전달.

Pictures

2. 사용 사례 다이어그램: 시스템 기능과 외부 사용자(참여자) 간의 상호 작용을 설명합니다.

Pictures

3. 클래스 다이어그램: 시스템의 클래스 구조와 상속, 인터페이스 구현, 종속성 등 클래스 간의 관계를 보여줍니다.

Pictures

4. 활동 다이어그램: 흐름도와 유사하며 한 활동에서 다른 활동으로의 제어 흐름을 표시하는 데 사용됩니다.

Pictures

5. 구성 요소 다이어그램: 시스템 구성 요소가 함께 작동하는 방식을 보여줍니다.

Pictures

6. 상태 다이어그램: 수명 주기 동안 객체가 경험하는 상태와 상태 간 전환을 보여줍니다.

Pictures

7. 객체 다이어그램: 시스템 내 객체 간의 관계를 보여주는 클래스 다이어그램의 예입니다.

Pictures

8. 패키지 다이어그램: 코드의 패키지 구조를 보여주며 코드의 모듈식 구성을 이해하는 데 도움이 됩니다.

picture

9. 조직도(Wireframe Graphic Interface): 그래픽 조직 구조의 구성을 설명하는 데 사용됩니다.

picture

10. 간트 차트(Gantt Diagram): 프로젝트 관리, 디스플레이에 사용됩니다. 프로젝트 일정 및 진행 상황.

Pictures

플로우 차트를 본 적이 없는 것 같습니다. 사실, PlantUML의 액티비티 다이어그램은 플로우 차트입니다. 구문이고 오른쪽은 시각적 그래픽

Pictures

AI 프로그래밍 도구에서 생성한 코드 주석을 전달한 후 획득한 코드 주석에 대해 AI에게 질문했습니다. 다음 코드를 기반으로 PlantUML 활동 다이어그램 코드를 생성해 주세요. comment

picture

AI의 답변 보기:

Picture

3. 플로우 차트 생성

2단계에서 생성된 플로우 차트 코드를 plantuml 시각화 웹 사이트 URL: http://www. plantuml.com/plantuml

Picture

제출 버튼을 클릭하면 사진을 얻을 수 있습니다

picture

AI가 해석하는 흐름도를 보면 이 코드의 의미를 대략적으로 알 수 있습니다. 정말 편리한 코드 시각화 다이어그램

4. 요약

위 내용은 코드->댓글->을 통해 전달됩니다. 흐름도를 그리는 방법은 수동으로 그리는 전통적인 방법에 비해 원하는 효과를 얻을 수 있습니다. 코드를 읽은 후의 그래픽은 실제로 훨씬 더 효율적입니다

마지막으로 작은 팁을 공유하겠습니다. 코드의 시각적 표현은 왜 다른 유형이 아닌 순서도여야 할까요? 다이어그램? 이 코드로 어떤 다이어그램을 생성하는 것이 더 좋은지 AI에게 물어보고 시각화에 가장 적합한 표현 방법을 선택할 수 있습니다

예를 들어 위 코드를 기반으로 클래스 다이어그램도 생성할 수 있습니다

Pictures

예를 들어 저는 주로 Go에 대해 글을 썼고 AI를 사용하여 이를 시각화했습니다. 이해

picture예를 들어 Go 메모리 관리, 한 그림은 메모리 분배 구성 요소를 설명합니다

picture예를 들어 go.sum 파일, 한 그림은 내부 구조를 설명합니다

picture 예를 들어 sync.Cond의 기본 데이터 구조인 그림은 제공되는 함수 인터페이스를 보여줍니다

그림위 그림은 모두 AI를 사용하여 생성된 것입니다. 프로그래밍을 모르는 사람들도 완료할 수 있습니다. 도구 또는 플러그인 개발로 인해 소프트웨어 개발 비용이 크게 절감됩니다. AI를 사용하면 프로그래밍을 아는 사람들이 일상 작업을 보다 효율적으로 완료하고 애플리케이션 개발을 더 빠르게 완료하여 작업 및 학습 효율성을 크게 향상시킬 수 있습니다.

저는 항상 다음을 고수해 왔습니다. 관점: 글을 쓸 수 없다면 AI로 글을 쓸 수 없고, 프로그래밍을 할 수 없다면 AI로도 프로그래밍할 수 없습니다.

AI를 통해 코드 흐름도를 생성하려면 먼저 코드 흐름도가 무엇인지, 시각화하는 방법은 무엇인지 알고 AI를 사용하여 프로세스를 가속화해야 합니다.

오늘은 여기까지입니다. AI를 사용하여 효율성을 높일 수 있는 시나리오는 아직 많이 있습니다. 시간을 내어 시청해 주셔서 감사합니다.

위 내용은 AI가 놀라운 코드 흐름 차트를 정확하게 생성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!