· 톺아보기

AI로 개발하시면서 코드를 그림으로 보고싶지 않으세용?

Juzis · · 수정

조회 2,884 · 공감 0 · 댓글 8

저는 프로젝트에서 코드를 작성하고나면 깃허브에 올리면서 꼭 하는 작업이 있습니다요.


힌트는 에이전트 AI에게 이런걸 시킵니다


“내가 쓴 코드 현재 상황을 Readme에서 다이어그램을 확인할 수 있도록 SVG파일 안에 xml로 작성해서 5가지 이상의 다양한 그래프를 보여주세요. 코드 상황을 점검할 수 있도록 클래스(또는 함수별) 다이어그램, 시퀀스 다이어그램의 경우 여러가지 예상되는 시나리오를 만들어 그려주세요.“


해보시면 알겁니당


작년까지는 머메이드라는 사이트에 복붙해서 확인할 수 있도록 소스코드와 링크를 제공받았는데, 요즘은 유료로 가입해야 볼 수 있나보더라고요.


그래서 직접 리드미에 코드를 받아 컴파일러툴과 깃에서 확인할 수 있게 저렇게 요청합니당


그런다음 코드 흐름 파악을 위해 함수명 정도를 통해 따라가봅니다..


___


댓글도 보시면은 좋습니다

댓글 8

  1. jetowl · · 공감 1
    감사합니다. 현업에서 한번 써봐야겠습니다.
  2. smilewiz ·
    md파일에 작성된 mermaid는 IDE나 웹브라우저에 플러그인 설치하면 html이나 그림으로 변환 안해도 바로 볼 수 있어요
  3. Juzis ·
    @smilewiz님 오.. 타인도 설치해야 보이나요?
  4. smilewiz · · 공감 1
    @Juzis님 네. 렌더링해주는거라서 타인도 설치해야 보여요. 불특정 다수에 대한 퍼블리싱이면 html 변환하고 팀내 공유용이면 팀원들 다 플러그인 설치하는게 편하더라구요
  5. Juzis ·
    @smilewiz님 어쩌면 제가 AI도움을 통해 그렇게 이용하고있눈것 같군요! 댓글도 참조하게끔 덧붙여야겠네요. 감사합니다
  6. 훔훔 ·
    @smilewiz님 github에선 그냥 렌더링되지 않나요?
  7. jaycee ·
    간단한 to do app 이라면 괜찮을지 모르는데, 점점 기능 하나 올라갈 수록 복잡해져서 오히려 추상화한 아키텍쳐 형태로 보고, 기능 개발하면서 영향도 파악할때는 LSP형태를 확인해보는게 좋죠.
  8. 단골손 ·
    mermaid는 특정 사이트에서 제공하는게 아니라
    Javascript 라이브러리라서
    요즘은 git에서도 바로 랜더링해줍니다.
    '''mermaid 라고 명시하고 mermaid문법으로 작성하면 바로 표현됩니다.
    mermaid도 문법이 많아서 다양하게 표현할 수 있습니다.

모두의공원 최근 글

모두의공원 목록 더 보기