ChatGPT의 캔버스 기능이란 무엇이며 어떻게 사용하나요?

캔버스는 편집과 수정이 필요한 글쓰기 및 코딩 프로젝트에서 ChatGPT와 함께 작업하기 위한 새로운 인터페이스입니다.

캔버스를 사용하면 ChatGPT가 사용자가 달성하려는 목표의 맥락을 더 잘 이해할 수 있습니다. 특정 섹션을 강조 표시하여 ChatGPT가 정확히 무엇에 집중하기를 원하는지 나타낼 수 있습니다. 또한 전체 프로젝트를 고려하여 인라인 피드백과 제안을 제공할 수 있습니다.

캔버스에서 프로젝트를 직접 제어할 수 있습니다. 텍스트나 코드를 직접 편집할 수 있습니다. 바로가기를 사용하여 ChatGPT가 글의 길이를 조정하고, 코드를 디버그하고, 기타 유용한 작업을 빠르게 수행하도록 할 수 있습니다. 캔버스의 뒤로 버튼을 사용하여 작업의 이전 버전을 복원할 수도 있습니다.

React/HTML 렌더링은 어떻게 작동하나요?

React/HTML 코드는 샌드박스 환경에서 렌더링되어 코드의 출력 결과를 볼 수 있습니다. 많은 npm 패키지와 JavaScript 라이브러리가 작동하지만, 외부 패키지나 웹 리소스를 로드해야 하는 미리보기는 워크스페이스의 캔버스 네트워크 접근 설정에 따라 달라질 수 있습니다.

캔버스 코드 실행 및 네트워크 접근 토글

코드 실행 및 React/HTML 렌더링으로 인해 외부 네트워크 요청이 발생할 수 있습니다. Enterprise 워크스페이스 관리자는 워크스페이스 사용자가 캔버스 코드 실행을 사용할 수 있는지와 기본 네트워크 접근 동작을 제어할 수 있습니다. 기본적으로 Enterprise 워크스페이스에서는 캔버스 코드 실행이 켜져 있고 캔버스 코드의 네트워크 접근 허용은 꺼져 있지만, 이러한 토글은 워크스페이스의 관리자 설정에서 구성할 수 있습니다.

ChatGPT에서 캔버스 이용하기

ChatGPT가 사용자가 달성하려는 목표를 파악하면 캔버스를 열 수 있습니다. 예를 들어 ChatGPT에 글을 생성해 달라고 요청하거나(예: “딸기가 위과인 이유에 대한 긴 에세이를 써보자”) 코드를 작성해 달라고 요청하면(예: “python으로 웹 서버를 작성해 줘”) 캔버스로 응답합니다. 일반적으로 ChatGPT가 10줄이 넘는 콘텐츠를 생성하거나 글쓰기 또는 코드용 인터페이스가 있으면 도움이 되는 상황을 감지하면 캔버스를 자동으로 열 것으로 예상할 수 있습니다. 또한 프롬프트에 “캔버스 사용…”을 포함하여 ChatGPT에 캔버스를 열어 달라고 요청할 수 있습니다.

캔버스가 포함된 응답은 요청한 콘텐츠가 들어 있는 창을 오른쪽에 자동으로 엽니다.

웹에서 ChatGPT와 함께 “캔버스 열기” 또는 “코딩 캔버스 열기”와 같이 말해 빈 캔버스로 시작할 수도 있습니다. 빈 캔버스에서는 기존 프로젝트를 붙여넣거나, 캔버스에 직접 입력하여 작업할 수 있습니다.

또한 콘텐츠를 ChatGPT에 붙여넣고 작성기 오른쪽 상단의 바로가기를 통해 즉시 캔버스에서 열 수 있습니다.

또한 프롬프트 작성기의 도구 상자를 사용하면 프롬프트에서 ChatGPT에 새 캔버스를 만들도록 요청할 수도 있습니다. 백슬래시(“/”)를 입력한 다음 “canvas” 명령을 사용해도 이 작업을 트리거할 수 있습니다.

캔버스로 프로젝트 편집하기

채팅에서 요청하기만 하면 캔버스로 편집할 수 있습니다. 또한 텍스트를 강조 표시하여 콘텐츠의 일부를 선택하거나, 블록 댓글 아이콘을 사용하여 전체 문단 블록을 선택할 수 있습니다. 그러면 선택한 섹션에서 무엇을 설명하거나 편집할지 안내를 제공할 수 있는 입력란이 열립니다.

캔버스를 클릭하고 입력하여 캔버스 콘텐츠를 직접 편집할 수도 있습니다. 굵게, 기울임꼴, 헤더, 글머리 기호, 번호 매기기 목록을 포함한 기본 마크다운 서식 옵션만 지원됩니다. 현재 캔버스에서는 더 고급 서식 옵션을 제공하지 않습니다.


수정 제안 또는 코드 검토 바로가기를 선택하기만 하면 ChatGPT의 대상 지정 댓글 제안을 받을 수 있습니다. 댓글 말풍선을 클릭하면 ChatGPT가 제공한 구체적인 제안을 볼 수 있습니다. 표시된 항목을 직접 편집하고 댓글을 닫거나, 적용을 선택하여 ChatGPT가 댓글을 반영하는 콘텐츠를 자동으로 생성하도록 할 수 있습니다.

글쓰기 작업을 할 때 텍스트나 코드의 특정 부분을 강조 표시하고 ChatGPT에 해당 섹션의 편집을 요청하거나 그에 대해 질문할 수도 있습니다. 텍스트 일부를 강조 표시하여 서식 옵션에 접근할 수도 있습니다. 굵게, 기울임꼴, 헤더, 글머리 기호, 번호 매기기 목록을 포함한 기본 마크다운 서식이 지원됩니다. 현재 캔버스에서는 더 고급 서식 옵션을 제공하지 않습니다.

글쓰기와 코딩을 위한 캔버스 바로가기

ChatGPT의 캔버스는 수정 제안 요청, 출력 길이 조정, 대상 읽기 수준 변경, 이모지 추가 또는 최종 다듬기를 할 수 있는 글쓰기 바로가기 모음을 제공합니다. 이 바로가기를 찾으려면 페이지 오른쪽 아래의 바로가기 메뉴 위에 마우스를 올리세요.

문서 작성에는 다음 바로가기를 사용할 수 있습니다.

• 수정 제안: ChatGPT가 글을 개선하기 위한 인라인 제안을 추가합니다.

• 길이 조정: 문서의 길이를 줄이거나 늘립니다.

• 읽기 수준 변경: 읽기 수준을 유치원부터 대학원 수준까지 조정합니다.

• 최종 다듬기 추가: 문법, 명확성, 일관성을 확인합니다.

• 이모지 추가: 단어를 이모지로 바꾸거나 강조와 색채를 더하기 위해 이모지를 추가합니다.

코딩에는 다음 바로가기를 사용할 수 있습니다.

• 로그 추가: 디버깅과 실행 추적을 돕기 위해 print 문을 삽입합니다.

• 주석 추가: 코드를 설명하고 가독성을 높이기 위해 주석을 추가합니다.

• 버그 수정: 문제가 있는 코드를 감지하고 다시 작성하여 오류를 해결합니다.

• 언어로 포팅: 코드를 JavaScript, Python, Java, TypeScript, C++ 또는 PHP 같은 언어로 변환합니다.

• 코드 검토: 코드를 최적화하고 개선하기 위한 인라인 제안을 제공합니다.

이모지 추가, 최종 다듬기 추가, 버그 수정, 언어로 포팅과 같은 일부 바로가기는 프로젝트 콘텐츠를 즉시 업데이트합니다.

다른 바로가기는 슬라이더로 조정할 수 있습니다. 예를 들어 길이 조정 바로가기는 가장 짧게부터 가장 길게까지의 옵션을 선택할 수 있는 유연성을 제공합니다. 읽기 수준 바로가기를 사용하면 읽기 수준을 유치원부터 대학원 수준까지 조정할 수 있습니다.

버전 기록 및 변경 사항 표시

상단 도구 모음의 화살표를 통해 버전 기록을 사용하여 캔버스 문서 또는 코드의 버전들을 탐색할 수 있습니다. 이를 통해 이전 버전을 확인할 수 있으며, 원하면 해당 버전을 복원할 수도 있습니다. 복사 버튼을 선택하여 프로젝트의 콘텐츠를 복사할 수도 있습니다.

또한 상단 도구 모음의 변경 사항 표시 버튼을 사용하여 캔버스 버전 간 변경 사항을 볼 수 있습니다. 그러면 문서와 코드 모두에 대해 추가 및 삭제된 내용이 표시됩니다.

캔버스로 Python 코드 실행하기

캔버스를 사용할 때 캔버스의 실행 버튼을 선택하면 브라우저에서 바로 Python용 코드 캔버스 파일을 실행할 수 있습니다. Python 코드를 실행하면 출력 결과가 화면 하단의 콘솔에 표시됩니다. 콘솔에 오류가 표시되면 ChatGPT가 오류에 대한 제안을 제공합니다. 버그 수정 버튼을 클릭하면 ChatGPT가 대신 수정을 시도합니다!

이 기능은 현재 Python 코드에만 사용할 수 있지만, 향후 다른 프로그래밍 언어로도 접근을 확대할 계획입니다.

GPT에서 캔버스 활성화하기

이제 캔버스가 GPT에서 작동합니다. GPT Builder에서 캔버스 기능을 활성화하면 GPT에 캔버스 액세스를 사용하도록 설정할 수 있습니다. 이렇게 하면 GPT 최종 사용자가 GPT와 채팅하는 동안 캔버스를 열 수 있습니다.

모델 호환성: 캔버스는 GPT-5.5 이상 모델에서 지원되지 않습니다. Custom GPT에서 Canvas를 활성화할 때는 Canvas를 지원하는 권장 모델을 선택하세요. Canvas를 지원하지 않는 모델은 이 기능이 활성화되어 있는 동안 사용할 수 없습니다.

이 기능은 기존의 모든 GPT에서는 꺼져 있으며, 새로 만드는 모든 GPT에서는 기본적으로 켜져 있습니다. GPT Builder에서 언제든지 이를 수정할 수 있습니다.


GPT Builder에 대해 자세히 알아보세요.

다른 사람과 캔버스 공유하기

이제 대화를 공유하는 방식과 유사하게, 렌더링된 React/HTML 코드, 문서 또는 코드와 같은 캔버스 자산을 다른 사용자와 공유할 수 있습니다. 캔버스가 열려 있을 때 캔버스 도구 모음에서 이 작업을 할 수 있습니다.

캔버스 파일 다운로드하기

이제 콘텐츠 유형에 따라 캔버스 문서를 여러 형식으로 내보낼 수 있습니다. 사용해 보려면 캔버스 오른쪽 상단의 다운로드 버튼을 찾으세요.

일반 문서(예: 에세이 또는 블로그 게시물)의 경우 캔버스는 PDF, Markdown(.md) 및 Word(.docx) 형식으로 내보내기를 지원합니다.

코드 기반 캔버스의 경우 캔버스가 언어를 지능적으로 감지하고 적절한 파일 확장자(예: .py, .js, .sql 등)로 내보내며, 서식과 구문을 보존합니다.

이 기능을 사용하면 작업을 쉽게 보관하고, 초안을 공유하거나, 외부 도구에서 계속 편집할 수 있습니다.

“패키지 설치 중”에 캔버스 미리보기 로딩이 완료되지 않나요?

일부 JS/HTML 캔버스 미리보기는 렌더링 전에 사용자의 브라우저가 외부 패키지나 기타 웹 리소스를 로드해야 합니다. 캔버스 코드의 네트워크 접근 허용이 꺼져 있거나, 브라우저 또는 조직의 네트워크 제어가 필요한 외부 도메인을 차단하는 경우 미리보기 로딩이 완료되지 않을 수 있습니다.

Failed to fetch, Refused to connect 또는 Content Security Policy 오류와 같은 오류가 있는지 브라우저 콘솔을 확인하세요. 캔버스 코드 네트워크 접근이 이미 활성화되어 있다면 브라우저, 프록시, 방화벽 또는 엔드포인트 제어가 필요한 도메인을 차단하고 있는지 확인하세요.

캔버스와 웹 안전

캔버스는 웹사이트와 기타 웹 콘텐츠를 미리 볼 수 있습니다. 웹 콘텐츠는 본질적으로 온라인 상태이며 OpenAI가 아닌 제3자와 통신할 수 있습니다.

웹 미리보기가 수행하는 통신은 이미지를 가져오기 위해 인터넷을 사용하는 것처럼 단순할 수 있지만, 사용자가 입력했거나 ChatGPT와 공유한 정보를 제3자에게 보내는 것만큼 위험할 수도 있습니다.

ChatGPT는 대화 중에 사용자가 제공하는 정보를 받아 이를 바탕으로 응답을 생성합니다. 인터넷에서 정보를 붙여넣거나 뉴스 또는 검색 결과가 검색되는 경우처럼, 일부 경우에는 ChatGPT가 캔버스를 통한 코드 생성을 포함해 응답에 다른 정보를 사용합니다.

캔버스 웹 미리보기와 상호작용할 때 ChatGPT는 OpenAI가 알지 못하는 제3자와의 통신을 확인하도록 요청합니다. 이 통신을 확인하면, 해당 제3자와 미리보기가 통신하도록 허용합니다.