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에서 캔버스 활성화하기

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

이 기능은 기존 모든 GPT에서는 꺼져 있으며, 새로 생성되는 GPT에서는 기본적으로 켜져 있다는 점에 유의해 주세요. 이 설정은 GPT Builder에서 언제든지 변경할 수 있습니다.

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

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

이제 사용자는 대화를 공유하는 것과 비슷하게, 렌더링된 React/HTML 코드, 문서 또는 코드 같은 캔버스 자산을 다른 사용자와 공유할 수 있습니다. 캔버스가 열려 있을 때 캔버스 툴바에서 이를 수행할 수 있습니다.

캔버스 파일 다운로드하기

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

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

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

이 기능을 사용하면 작업을 보관하고, 초안을 공유하거나, 외부 도구에서 편집을 계속하기가 쉬워집니다.

캔버스와 웹 안전

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

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

ChatGPT는 대화 중 여러분이 제공하는 정보를 받아 이를 바탕으로 응답을 구성합니다. 경우에 따라(예: 인터넷에서 정보를 붙여 넣거나, 뉴스/검색 결과를 가져오는 경우) ChatGPT는 캔버스에서의 코드 생성 등을 포함해 응답을 위해 다른 정보도 사용합니다.

캔버스 웹 미리보기를 사용할 때 ChatGPT는 OpenAI가 알지 못하는 제3자와의 통신에 대해 확인을 요청합니다. 여러분이 이 통신을 확인하면, 미리보기에서 해당 제3자와 통신할 수 있도록 허용합니다.