[챗GPT canvas 사용법] 개발자 없이 코딩하기
ChatGPT Canvas(챗GPT 캔버스)는 OpenAI에서 발표한 “ChatGPT로 글을 작성하고 코딩하는 새로운 작업 방식의 도구”입니다. 기존과 전혀 다른 인터페이스로 ChatGPT를 사용할 수 있어서 글쓰기와 코딩 생산성 향상에 무척 많은 도움이 됩니다. 오늘은 지난 주 소개 드린 "[챗GPT 활용법 1탄] 챗GPT 신기능 이렇게 사용하면 몇 배의 생산성을!"에 이어, "코딩"에 ChatGPT Canvas를 활용하는 방법을 살펴보려 합니다. ChatGPT Canvas 기본 사용법이 궁금하다면 1탄을 먼저 살펴보신 후에 2탄을 살펴보시길 추천드립니다.
코딩 도우미로 챗GPT 캔버스 활용하기
이번 글의 실습 주제로 위키북스 전자책 판매 데이터를 활용해보겠습니다. 위키북스 전자책 판매 데이터는 다음 그림과 같이 HTML 형태로 저장되어 있습니다. HTML 형태로는 합계 등의 작업이 어려워 엑셀 파일로의 변환이 필수적입니다. HTML의 데이터를 복사하여 붙여넣기할 수도 있지만 시간이 많이 소요되는 작업입니다. 이에 ChatGPT Canvas를 이용하여 HTML 파일의 테이블 데이터를 엑셀 파일로 변환하는 작업을 진행했고, 그 내용을 이번 블로그 글에 정리했습니다.
코딩에 대해 기초 지식이 있는 분들에게 생성형 AI, 특히 ChatGPT Canvas는 큰 도움이 될 수 있습니다. 파이썬의 기본 문법만 알고 있고 실제 문제 해결을 위한 프로그래밍을 시도해보지 못했다면, 이 글을 읽은 후 적절한 주제를 선택하여 학습해 보시기 바랍니다. 처음에는 어려울 수 있지만, 한두 번의 경험만으로도 이전에는 상상하지 못했던 프로그래밍 능력을 갖출 수 있을 것입니다.
HTML 파일에 있는 테이블 데이터를 엑셀 파일로 변환하기 위한 파이썬 코드 작성하기ChatGPT에 관련 파일(2024상반기_전자책.html)을 업로드하고 다음 프롬프트를 입력합니다. 프롬프트는 복잡해 보이지만 자세히 살펴보면 이해하기 쉽습니다. 먼저 페르소나(당신은 능력있는 프로그래머입니다.)를 설정하고 작업에 필요한 사항을 정리했습니다. ChatGPT에 정확한 역할(페르소나)을 설정할수록 더 좋은 결과를 얻을 수 있습니다.
ChatGPT에서는 아래 블릿으로 정리된 내용을 참고해서 프로그래밍을 작성하는데, 이 내용들은 지속적인 테스트를 통해 보완되었습니다. 예를 들어, 위 그림에서 보듯이 HTML 파일의 데이터가 없는 경우 '-'로 표시되어 있습니다. HTML을 엑셀로 변환한 후 '-'를 0으로 일괄 변경할 수도 있지만, 프로그래밍 단계에서부터 이 조건을 반영하면 추가 작업이 필요 없습니다. 이와 같이 아래 명시된 다양한 조건들은 여러 차례의 테스트를 거쳐 추가되고 최적화되었습니다.
■ 예제 파일 내려받기: (클릭)
[프롬프트]
당신은 능력있는 프로그래머입니다. 아래 지시 사항을 참고해서 업로드한 파일에 있는 내용을 엑셀 파일로 만드는 파이썬 코드를 작성해주세요
- 업로드한 html 파일에는 총 10개의 테이블이 있고, 해당 테이블에 있는 모든 데이터가 엑셀 파일로 변환이 되야 합니다.
- 작업을 마무리한 후 총 10개의 테이블 데이터가 모두 변환이 됐는지 확인해주세요
- 0~9 숫자는 정수형태로 변환해야 합니다.
- '-' 로 표시된 부분도 정수 0 으로 표시해주세요
- 코드는 구글 코랩에서 실행이 되야 하고, 하나의 파일로 실행이 가능하도록 코드를 구성해주세요
관련 파일을 업로드하고 프롬프트를 작성프롬프트를 실행하면 다음과 같이 캔버스가 열리고 코드가 생성됩니다.
캔버스에서 생성된 코드오른쪽 아래에 있는 아이콘으로 이동하면 다음과 같은 메뉴가 열리면서 코드 검토, 특정 언어로 포트, 버그 수정, 로그 추가, 댓글 추가 등의 작업을 진행할 수 있습니다.
오른쪽 아래에 있는 아이콘가장 상단에 있는 [댓글 추가] 버튼을 클릭하면 다음과 같이 상세한 코드 설명이 나옵니다.
댓글 추가 버튼을 클릭하면 나오는 상세한 코드 설명두 번째 [로그 추가] 버튼을 클릭하면 다음과 같이 로그를 출력할 수 있는 코드가 자동으로 추가됩니다.
로그 추가 버튼을 클릭하면 추가되는 로그 출력 코드세 번째 [버그 수정] 버튼을 클릭하면 코드를 전체적으로 검토하면서 수정할 부분을 수정하고, 오른쪽에 다음과 같은 메시지가 나옵니다.
코드를 검토한 결과 숫자가 아닌 텍스트 값으로 인해 변환 중에 오류가 발생하는 버그를 수정했습니다. 추가 도움이 필요하면 알려주세요.
버그 수정 버튼을 클릭하면 나오는 메시지네 번째 [특정 언어로 포트] 버튼을 누르면 다음과 같은 창이 열리고 기존 코드를 다른 언어로 변환할 수 있는 창이 팝업됩니다.
기존 코드를 다른 언어로 변환마지막으로 [코드 검토] 버튼을 클릭하면 다음과 같이 코드를 분석하고 수정이 필요한 부분에 대해서 다양한 제안을 메모로 표시해줍니다. 검토 사항을 살펴보고 아래에 있는 [적용] 버튼을 클릭하면 제안 사항대로 코드를 수정해줍니다.
코드를 분석하고, 다양한 제안을 해주는 코드 검토구글 코랩에서 테스트하기
구글 코랩은 구글에서 제공하는 무료 프로그램으로, 웹 브라우저에서 바로 파이썬 코드를 작성하고 실행할 수 있는 도구입니다. 컴퓨터에 특별한 프로그램을 설치하지 않아도 사용할 수 있으며, 구글 계정만 있으면 누구나 쉽게 이용할 수 있습니다. 앞서 ChatGPT Canvas에서 생성한 코드를 구글 코랩에서 테스트하는 방법을 살펴보겠습니다.
먼저 구글에 로그인한 다음, 아래 주소로 접속해 새로운 노트북(파일)을 생성합니다.
구글 코랩에서 새로운 노트북(파일) 생성하기: https://colab.research.google.com/?authuser=0#create=true
구글 코랩 실행하기앞서 ChatGPT Canvas에서 생성한 코드를 회색 영역에 붙여 넣습니다.
구클 코랩에 챗GPT에서 생성한 코드 붙여넣기코드 영역 왼쪽에 있는 [실행] 버튼을 눌러 코드를 실행합니다.
구글 코랩에서 코드 실행하기코드를 실행하면 코드 영역 아래쪽에 실행 결과가 표시됩니다. [파일 선택] 버튼을 눌러 예제 파일(2024상반기_전자책.html)을 업로드합니다.
엑셀 파일로 변환할 HTML 파일 선택하기잠시 기다리면 코드가 실행되고, HTML 파일에 있는 테이블 데이터를 엑셀 파일로 변환해 파일이 다운로드 됩니다.
코드가 실행되고 HTML 파일이 엑셀 파일로 변환된 모습다운로드 폴더에서 sales_data.xlsx 파일을 확인해보면 데이터가 엑셀 형태로 잘 변환된 것을 확인할 수 있습니다.
변환된 엑셀 파일 확인하기지금까지 챗GPT 캔버스를 코드를 생성하고, 구글 코랩에서 생성한 코드를 실행하는 방법을 살펴봤습니다. 이처럼 챗GPT의 캔버스를 활용하면 코딩 경험이 전혀 없는 사람도 손쉽게 코드를 작성하고, 생성한 코드를 업무에 활용할 수 있습니다. 이번 글에서 소개한 챗GPT 캔버스를 다양하게 활용해 한층 더 향상된 효율성을 경험해 보시기 바랍니다! 생성형 AI를 활용하여 업무 생산성을 높이는 다양한 방법이 궁금하다면 아래 도서를 참고해주세요.
생성형 AI 업무 혁신 2
AI로 인해 일을 하는 방법과 해야할 일이 바뀌고 있습니다.
위키북스에서는 “미래 소년 코난” 프로젝트를 통해서 조금씩 업무를 변화시키고 있으며, 그 과정을 글로 정리했습니다.
생성형 AI로 여러분의 고민을 해결하는 데 조금이나마 도움이 되길 기대합니다.
