옵시디언 플러그인 활용하여 프로그램 코드 제작하기

소개

옵시디언으로 프로젝트 관리를 하고 AI를 활용하여 프로그램 코드를 생성하여 생산성을 높일 방법을 고민하고 있습니다. 옵시디언의 커뮤니티 플러그인의 Excalidraw를 이용하여 다이어그램을 만들고 ChatGPT에 프로그램 코드를 생성하는 방법을 시도해봤습니다.

진행 방법

  1. 사용도구 : 옵시디언의 Community Plugins Excalidraw, ChatGPT

  2. 제작 배경

    1. 유튜브 더베러에서 이태극님의 강의 영상을 보던 중 잠깐 언급한 Excalidraw에 착안하여 다이어그램을 이용하여 프로그램 코드 생성방법을 연구

    2. 옵시디언을 활용하여 프로젝트 데이터의 시스템 아키텍처 관리하기 좋아서 사용방법을 계속 연구하는 중

      컴퓨터 화면에 한국어 스크린샷
    3. 단순한 다이어그램으로 시작 했다가 손그림 그리는게 재미있어 프로그램 기능을 그림으로 그려버림 (마우스로 그려서 퀄리티는 ...)

      한국어 텍스트가 있는 화면의 스크린샷
    4. 이미지를 활용하여 ChatGPT에게 코드생성을 요청함.
      다이어그램에 대한 자세한 설명없이 간단한 조건만 입력하고 코드 생성을 요청

      1. 첨부된 이미지는 프로세스를 처리하기 위한 다이어그램 입니다. 
      2. 참고해서 c# VSTO Excel Add-in 프로그램을 작성하세요.
      3. 엑셀은 이미 열려있는 상태입니다.
      4. 시트는 사용자가 선택을 하고 있습니다.
      5. 선택한 열의 선택한 행부터 작업을 처리합니다. 

      제시한 조건과 기능을 분석하고 코드를 생성했으나 기능 누락과 처리오류가 있음

      한국 컴퓨터 화면의 스크린샷
    5. 프롬프트를 조금 더 심화해서 다시 코드생성을 요청함

      ### ROLE ###
      1. Excel VSTO Add-in 소프트웨어 개발자
      
      ### TASK ###
      1. Excel에서 선택된 열의 중복 데이터를 제거하고 고유 데이터를 새로운 열에 기록
      2. 기능 요구사항
      	- 선택된 열의 중복 데이터를 제거
      	- 고유 데이터를 새로운 열에 기록
      	- 특정 조건 5로 시작하거나 - 포함되지 않은 항목은 삭제
      
      3. 비기능 요구사항
      	- 오류 발생 시 사용자에게 메시지로 알림
      	- Excel 애드인에서 원활히 작동
      
      ### FORMAT ###
      	1. C#으로 코딩
      	2. 주석은 한글로
      	3. 함수명은 무조건 영문으로
      	4. 입력창은 Form 형식으로
      
      ### DESCRIPTION ###
      	1. 첨부된 이미지는 프로세스를 처리하기 위한 다이어그램 입니다.
      	2. 참고해서 c# VSTO Excel Add-in 프로그램을 작성하세요.
      	3. 엑셀은 이미 열려있는 상태입니다.
      	4. 시트는 사용자가 선택을 하고 있습니다.
      	5. 선택한 열의 선택한 행부터 작업을 처리합니다.

      요구한 조건을 완벽하게 이해하고 코딩 적용했을 시 에러없이 구현이 가능했음

      한국 웹 브라우저의 스크린샷
      마이크로소프트 엑셀 한국어 버전 스크린샷

결과와 배운 점

  1. 옵시디언에서 Excalidraw를 활용한 다이어그램 기반의 코드 생성은 프로젝트 관리와 소프트웨어 생산성을 높이는 데 효과적임을 확인했습니다.
    구체적이고 직관적인 시각화 자료를 통해 더욱 정교한 코드 요구사항을 전달할 수 있었습니다.

  2. 처음에는 다소 모호했던 조건과 설명 때문에 생성된 코드에서 일부 오류가 발생했지만 프롬프트를 구체화하고 구조화함으로써 더 나은 결과를 얻을 수 있었습니다.

  3. 옵시디언은 프로젝트 데이터를 체계적으로 관리하고, Excalidraw와 같은 커뮤니티 플러그인을 활용하여 다이어그램으로 시스템 아키텍처를 시각화하기에 매우 유용한 도구입니다.
    시각적으로 정리된 다이어그램은 복잡한 시스템의 기능 요구사항을 명확하게 전달하는 데 도움을 주며, 협업과 코드 생성에 효과적입니다.

  4. 향후계획

    1. 옵시디언 내에서 AI를 활용하여 프로젝터 문서 관리하는 방법과 프로그램 코드를 자동생성하는 방법에 대한 연구 해볼 예정입니다.

도움 받은 글 (옵션)

유튜브 더베러 : 옵시디언 입문자 강의 (이태극님)

(내용 입력)

4

👉 이 게시글도 읽어보세요