Canvas는 ChatGPT의 일부로, AI가 작은 채팅방에서 벗어나 여러분과 공유되고 편집 가능한 작업 공간으로 이동할 수 있도록 지원합니다. 초안 작성, 코드 작성, 반복적인 편집, 그리고 협업적인 다듬기에 안성맞춤입니다. 이 글에서는 최신 제품 소식과 실용적인 사용법을 모두 담아 Canvas를 열고 전문가처럼 편집하며 실제 워크플로에 통합할 수 있도록 지원합니다. Canvas에 붙여넣고 즉시 반복할 수 있는 구체적인 단계, 예시 프롬프트, 코드 스니펫을 제공합니다.
ChatGPT Canvas란 무엇인가요?
Canvas는 ChatGPT 내에서 편집 가능한 병렬 작업 공간으로, 장문 작성, 반복적인 코드 편집, 문서 및 렌더링된 출력 등 단일 채팅 답변 이상의 작업이 필요한 프로젝트를 위해 설계되었습니다. Canvas는 채팅 버블에서 단일 답변을 받는 대신, 어시스턴트와 함께 편집할 수 있는 살아있는 문서를 제공하며, 버전 관리, 즉석 편집, 그리고 초안 작성 및 리팩토링에 적합한 도구들을 제공합니다. 이 기능은 OpenAI에서 글쓰기 및 코딩 프로젝트를 위한 새로운 인터페이스로 발표했습니다.
Canvas가 중요한 이유
- 채팅 전용 워크플로의 "잘라내기-붙여넣기" 마찰을 제거합니다. 편집 가능한 캔버스에서 작업이 직접 진행됩니다.
- 반복 작업을 위해 구축되었습니다. 타겟화된 편집, 되돌릴 수 있는 버전, 상황에 맞는 프롬프트를 통해 변경 사항을 정확하게 유지할 수 있습니다.
- 초안 작성 코드와 실행 가능한 코드를 연결합니다. 즉, 코드, 문서, 렌더링된 출력을 함께 보관할 수 있습니다.
ChatGPT Canvas 사용 방법 - 생성, 편집 및 반복(단계별)
아래는 Canvas 세션을 시작하고, 편집 내용을 푸시하고, 코드나 텍스트에 Canvas를 사용하는 방법에 대한 실용적이고 단계별 워크플로입니다.
시작하기 전에 필요한 간단한 전제 조건
- 활성화된 ChatGPT 계정(Canvas의 가용성은 귀하의 플랜과 현재 출시에 따라 달라집니다. ChatGPT UI를 확인하세요).
- 지원되는 플랫폼을 사용하세요. 웹 앱과 Windows는 Canvas를 지원합니다. macOS/모바일 출시에 대한 OpenAI 도움말 페이지를 주시하세요.
- 팀에서 협업/공유가 필요한 경우 Enterprise/Edu 또는 Team 설정에서 공유 제어를 확인하세요.
캔버스 열기(단계 생성)
- ChatGPT(웹 또는 지원되는 데스크톱 앱)를 엽니다.
- Canvas 지원 모델 선택 — 많은 UI에서 이것은 다음과 같이 표시됩니다. “캔버스가 달린 GPT-4o” or *“캔버스가 포함된 GPT”*이 모델을 선택하면 입력 시 Canvas UI가 열릴 때 ChatGPT에 지시됩니다.
- 새로운 초안을 시작하거나 Canvas 사용을 요청하세요. 문서나 프로젝트를 만들고 싶다는 것을 알려주는 프롬프트를 입력하세요. 예: "X에 대한 1200단어 분량의 기사를 작성해서 Canvas에서 열어주세요" 또는 기존 문서를 붙여넣고 "Canvas에서 편집하세요"라고 말합니다. Canvas가 자동으로 나타나지 않으면 "Canvas 사용"을 입력하거나 Canvas 아이콘이 있으면 선택합니다.
- Canvas는 나란히 놓인 작업 공간으로 열립니다. 왼쪽은 채팅창으로 유지되고, 오른쪽은 초안이나 코드 블록을 보여주는 편집 가능한 캔버스 영역으로 바뀝니다. 이제 문서에서 바로 작업을 수행할 수 있습니다.
예: Canvas를 안정적으로 여는 프롬프트
I want to draft a technical tutorial on "How to set up GitHub Actions for CI". Create a new document in Canvas with headings, code blocks, and a sample workflow file. Start with an outline.
Canvas 모델을 선택한 상태로 붙여넣습니다. ChatGPT는 Canvas 작업 공간에 편집 가능한 초안을 표시합니다.
Canvas 내부 편집(변경 방법, 되돌리기 및 수정 방법)
Canvas는 다양한 편집 패러다임을 지원합니다.
1) 자연어를 사용한 즉석 편집
도우미에게 캔버스를 변경하는 방법을 지시하는 새 메시지를 입력합니다. 예: "소개 부분을 3문장으로 줄이세요" 또는 "async/await를 사용하도록 예제 함수를 리팩토링하세요". AI가 캔버스를 직접 수정하고 diff 또는 업데이트된 텍스트를 제공합니다.
2) 수동 편집
캔버스를 직접 클릭하여 다른 문서 편집기처럼 편집할 수 있습니다. 어시스턴트에게 묻지 않고도 원하는 대로 미세하게 수정할 수 있어 편리합니다.
3) 바꾸기 / 삽입 / 확장 명령
수술적 변화에 대한 프롬프트를 사용하세요:
- "2번째 단락을 4문장 요약으로 바꾸세요."
- 두 번째 코드 블록 뒤에 사용 예를 삽입하세요.
이러한 명령을 사용하면 편집 범위를 지정하고 추적할 수 있습니다.
4) 버전 기록 및 되돌리기
Canvas는 편집 내용을 여러 버전으로 보관하므로 필요한 경우 이전 상태로 되돌릴 수 있습니다. Canvas 툴바 또는 메뉴를 사용하여 기록 및 스냅샷에 액세스할 수 있습니다. 이는 이전 초안을 잃지 않고 실험하는 데 필수적입니다.
5) 공유 및 협업
팀/엔터프라이즈/교육 사용자의 경우, Canvas 애셋을 채팅처럼 공유할 수 있습니다. 즉, 툴바에서 렌더링된 코드, 문서 또는 Canvas 자체를 공유할 수 있습니다. 이를 통해 팀원들은 적절한 액세스 제어를 통해 동일한 편집 가능한 아티팩트를 열 수 있습니다.
실제 예제 및 코드 조각(복사-붙여넣기 가능)
아래는 Canvas에 붙여넣어 코드 편집, 리팩토링 또는 렌더링을 시도할 수 있는 작고 실용적인 예입니다.
예제 A - 리팩토링을 위한 코드 조각(JavaScript)
이것을 Canvas에 붙여넣은 다음 "이 함수를 더 읽기 쉽게 리팩터링하고 단위 테스트를 추가하세요."라는 메시지를 표시합니다.
// sample.js - small utility to fetch JSON with retries
async function fetchJson(url, retries = 3) {
try {
const res = await fetch(url);
if (!res.ok) throw new Error('bad status');
return await res.json();
} catch (err) {
if (retries > 0) {
await new Promise(r => setTimeout(r, 1000));
return fetchJson(url, retries - 1);
}
throw err;
}
}
export default fetchJson;
Canvas에서 제공할 수 있는 샘플 편집 프롬프트:
Refactor this code: add JSDoc comments, increase delay exponentially with each retry, and export a named function. Also provide a small Jest test file.
예시 B - 작은 React 구성 요소(붙여넣기 후 TypeScript로 변환하라는 메시지가 표시됨)
// Greeting.jsx
import React from 'react';
export default function Greeting({ name }) {
return (
<div className="p-4 rounded shadow">
<h2>Hello, {name}!</h2>
<p>Welcome to the demo Canvas project.</p>
</div>
);
}
프롬프트 아이디어:
- "이것을 TypeScript로 변환하고 prop 유형을 추가하세요."
- "구성 요소가 /api/greeting에서 인사말 메시지를 가져오고 로딩 상태를 표시하도록 합니다."
예시 C - 문서 편집 프롬프트(쓰기 사용 사례)
초안을 Canvas에 붙여넣고 다음과 같이 질문하세요.
Tighten the prose, improve transitions, and produce a 200-word summary for the top of the article. Also add two inline citations and a recommended reading list.
실제 사용 사례 및 워크플로
Canvas는 다양한 시나리오에서 유용합니다. 아래는 사람들과 팀에서 사용하는 구체적인 워크플로입니다.
1) 장문 콘텐츠(블로그 게시물, 보고서) 초안 작성 및 편집
워크 플로우 :
- 캔버스를 열고 초안을 붙여넣습니다.
- ChatGPT에 제목과 부제목으로 재구성해 달라고 요청하세요.
- 섹션에 "줄이기"/"확장" 작업을 사용하여 길이와 톤을 조정합니다.
- 최종 사본을 CMS로 내보냅니다.
Canvas를 사용해야 하는 이유는 무엇일까요? 모델을 편집하는 동안에도 전체 기사가 표시되므로 변경 사항을 원활하게 적용할 수 있습니다.
2) 개발자 워크플로 - 신속한 프로토타입 제작 및 디버깅
워크 플로우 :
- 실패한 스니펫을 Canvas에 붙여넣습니다.
- 질문: "실행해서 오류를 보여주세요"(또는 "이 추적을 설명해 주세요").
- 제안된 수정 사항을 수락하고 다시 테스트하세요.
- 리팩토링이나 최적화를 위해 반복합니다.
Canvas를 사용해야 하는 이유는 무엇일까요? 채팅과 외부 편집기를 번갈아 사용하는 것보다 훨씬 빠르기 때문입니다. 특히 작은 스크립트를 디버깅하거나 문서용 코드 조각을 만들 때 더욱 그렇습니다.
3) 교육/설명 워크플로
학생과 교사는 에세이, 코드 또는 수학 증명을 Canvas에 붙여넣고 단계별 설명, 단순화 또는 시험 문제를 요청할 수 있습니다. Canvas를 사용하면 특정 부분을 강조 표시하여 집중적인 피드백을 제공할 수 있습니다.
4) 프로젝트 초안 + 팀 핸드오프(프로젝트와 함께)
Canvas를 ChatGPT 프로젝트와 함께 사용하면 진행 중인 프로젝트의 개요, 참고 파일, 그리고 Canvas 초안을 한곳에 보관할 수 있습니다. 프로젝트는 폴더 역할을 하고, Canvas는 프로젝트 내에서 실시간으로 작업하는 문서입니다. 이러한 조합은 하나의 이니셔티브에 걸쳐 여러 캔버스를 정리하는 데 도움이 됩니다.
엔드투엔드 Canvas 워크플로우 예시(시나리오)
목표 : 거친 README + 예제 스크립트를 세련된 라이브러리 온보딩 페이지와 CI 테스트로 전환합니다.
- ChatGPT를 열고 선택하세요 캔버스가 있는 GPT-4o.
- Canvas에 README.md를 붙여넣습니다.
sample.js위의 코드 블록에서. - 프롬프트: "온보딩에 친화적으로 README를 다시 작성하세요. 시작하기 코드 조각을 추가하고 Jest를 실행하는 GitHub Actions 워크플로를 생성하세요."
- Canvas에서 직접 편집 내용을 검토하고, "시작하기"를 6줄로 줄여주세요 또는 "문제 해결 FAQ를 추가해 주세요"와 같은 변경 사항을 요청하세요.
- "페치 및 테스트 재시도 동작을 모의하는 Jest 테스트를 추가하세요."라고 요청하여 샘플 모듈에 대한 테스트를 생성합니다.
- README.md, sample.js 및 테스트 파일을 내보내고, 저장소에 커밋하고, CI를 연결하세요. Team/Enterprise를 사용하는 경우, 검토자가 편집 가능한 아티팩트를 볼 수 있도록 Canvas를 공유하세요.
마지막 팁 - 프롬프트 및 빠른 요령집
섹션을 줄이라는 메시지
Shorten the selected paragraph to 40–60 words, keep tone professional, and remove passive voice.
코드 리팩토링 프롬프트
Refactor the code block to be modular; export two functions, add JSDoc, and include a small Jest unit test.
다른 형식으로 변환하라는 메시지
Convert the current Canvas document into a 3-slide presentation outline (title + 2 slides), with speaker notes under each slide.
닫는 생각
Canvas는 대화를 채팅 버블에서 벗어나 공유되고 편집 가능한 작업 공간으로 옮겨줍니다. 이는 반복적인 글쓰기와 코딩에 특히 유용합니다. OpenAI는 출시 이후 Canvas를 꾸준히 개선하고 팀 공유 및 플랫폼 지원을 추가하여 개인 크리에이터와 협업 팀 모두에게 실용적으로 만들었습니다. Canvas를 규칙적인 프롬프트, 소규모 반복 편집, 그리고 기존 검토 파이프라인과 결합하면 초안→검토→게시 루프를 상당히 빠르게 진행할 수 있습니다.
시작하려면 다음과 같은 ChatGPT 모델을 탐색하세요. GPT-5 프로 의 역량 운동장 그리고 상담하십시오 API 가이드 자세한 내용은 CometAPI를 참조하세요. 접속하기 전에 CometAPI에 로그인하고 API 키를 발급받았는지 확인하세요. 코멧API 공식 가격보다 훨씬 낮은 가격을 제공하여 통합을 돕습니다.
출발 준비 되셨나요?→ 지금 CometAPI에 가입하세요 !
