Skip to main content

Canvas로 글쓰기와 웹앱을 한 화면에서 다듬기

Views 101약 8분생성형 AI 활용
Summary

Canvas는 '답변'이 아니라 '작업물'을 다루는 공간이다

일반 채팅에서는 Gemini가 답을 주고, 사용자는 그 답을 복사해 Docs나 메모장에 붙여 넣습니다. 짧은 질문에는 이 방식이 충분합니다. 하지만 블로그 글, 보고서, 자기소개서, 교육 자료, 코드처럼 여러 번 고쳐야 하는 작업은 곧 복잡해집니다. 답변이 대화창 곳곳에 흩어지고, 어느 버전이 최신인지 헷갈립니다.

Canvas는 이 문제를 줄이기 위해 만든 작업대입니다. 데스크톱 Gemini에서 Canvas를 열면 오른쪽 패널에 문서, 앱, 슬라이드, 코드 같은 결과물을 만들어 두고, 왼쪽 채팅으로 계속 지시하며 같은 결과물을 수정할 수 있습니다. Google은 Canvas를 문서와 코드를 만들고, 편집하고, 다듬고, 공유하는 협업 공간으로 설명합니다.1

핵심은 "한 번 답을 받는 것"이 아닙니다. 초안을 만들고, 특정 문단을 고치고, 전체 톤을 바꾸고, 코드 미리보기를 확인하고, 다시 수정하는 흐름입니다. 글쓰기에서는 편집실, 코드 작업에서는 간단한 프로토타입 제작실에 가깝습니다.

Canvas로 글쓰기와 웹앱을 한 화면에서 다듬기AI 생성 이미지

언제 Canvas를 켜야 할까

다음 작업이라면 일반 채팅보다 Canvas가 좋습니다.

  • 긴 글을 쓰고 여러 번 다듬어야 할 때

  • 보고서, 기획서, 자기소개서처럼 구조가 중요한 문서를 만들 때

  • 회의록을 요약에서 실행 계획으로 바꿔야 할 때

  • 교육 자료, FAQ, 퀴즈처럼 형식을 바꿔야 할 때

  • 랜딩 페이지, 계산기, 체크리스트 앱처럼 간단한 웹앱을 만들어 보고 싶을 때

  • Deep Research 보고서를 가져와 편집하고 Docs로 넘기고 싶을 때

반대로 "이 문장 번역해 줘", "회의 제목 추천해 줘", "이 개념 한 줄로 설명해 줘"처럼 짧은 작업은 일반 채팅이 더 빠릅니다.

Canvas는 작업물이 남아 있어야 편합니다. 계속 고칠 대상이 있으면 Canvas, 한 번 묻고 끝나면 채팅이라고 생각하면 됩니다.

긴 글을 Canvas에서 다듬는 기본 절차

Canvas 글쓰기의 가장 좋은 흐름은 초안 작성 → 구조 점검 → 문체 수정 → 세부 편집 → 내보내기입니다.

먼저 초안을 요청합니다.

초보 직장인을 대상으로 "회의록을 잘 쓰는 법"에 대한 블로그 글 초안을 Canvas에 작성해 줘.
목적은 실무자가 바로 따라 할 수 있게 하는 것이다.
구성은 도입, 회의 전 준비, 회의 중 기록, 회의 후 액션 아이템 정리, 체크리스트로 해 줘.
문체는 쉽고 간결하게, 분량은 약 1,500자로 작성해 줘.

초안이 만들어지면 바로 완성본으로 보지 말고, Gemini에게 편집자 역할을 맡깁니다.

이 글을 편집자 관점에서 검토해 줘.

  1. 흐름이 어색한 부분

  2. 중복되는 주장

  3. 초보자가 이해하기 어려운 표현

  4. 추가하면 좋은 예시
    위 네 가지로 나누어 피드백해 줘.

그다음에는 전체를 고칠 수도 있고, 특정 문단만 선택해 고칠 수도 있습니다. Canvas에서는 문서 안의 텍스트를 선택한 뒤 "더 짧게", "전문적으로", "표 형식으로", "교육용 톤으로" 같은 지시를 줄 수 있습니다. Google의 Canvas 도움말도 선택한 텍스트에 대해 프롬프트를 입력해 수정하고, 빠른 편집 도구로 톤·길이·서식을 조정하는 흐름을 안내합니다.2

예를 들어 회의록 문단이 너무 길다면 이렇게 지시합니다.

선택한 문단을 5개의 체크리스트로 바꿔 줘. 각 항목은 동사로 시작하고, 실무자가 바로 실행할 수 있게 써 줘.

보고서라면 이렇게 바꿉니다.

이 문서 전체를 임원 보고용으로 다듬어 줘.
앞부분에 핵심 요약 5줄을 추가하고, 본문은 배경-현황-문제-대안-요청사항 순서로 재구성해 줘.
과장된 표현은 줄이고, 판단이 필요한 부분은 "검토 필요"로 표시해 줘.

자기소개서라면 다음처럼 요청할 수 있습니다.

이 자기소개서에서 추상적인 표현을 줄이고, 경험-행동-결과가 드러나게 고쳐 줘.
단, 없는 성과를 새로 만들지 말고 현재 문장에 있는 정보만 사용해 줘.

이 마지막 조건이 중요합니다. Gemini가 더 그럴듯한 문장을 만들 수는 있지만, 사실이 아닌 성과를 넣으면 안 됩니다.

Create 메뉴로 형식을 확장하기

Canvas의 강점은 문서 작성에서 끝나지 않는다는 점입니다. 2025년 5월 업데이트 이후 Canvas의 Create 메뉴는 텍스트를 동적 콘텐츠, 맞춤형 웹페이지, 시각적 인포그래픽, 인터랙티브 퀴즈, 오디오 개요 같은 형식으로 바꾸는 방향으로 확장되었습니다.3

예를 들어 회의록을 정리한 뒤에는 다음과 같이 확장할 수 있습니다.

  • 교육 자료 → 퀴즈로 변환

  • 조사 보고서 → 인포그래픽 초안으로 변환

  • 서비스 소개문 → 랜딩 페이지로 변환

  • 긴 문서 → 오디오 개요로 변환

  • 업무 절차서 → 체크리스트 앱으로 변환

다만 여기서 만든 결과물은 최종 배포물이 아니라 초안 또는 프로토타입으로 보는 것이 안전합니다. 인포그래픽의 숫자, 퀴즈의 정답, 웹페이지의 문구, 오디오 개요의 해석은 반드시 사람이 확인해야 합니다.

예를 들어 교육 자료를 퀴즈로 바꿀 때는 이렇게 요청합니다.

이 교육 자료를 신입사원용 10문항 퀴즈로 바꿔 줘.
객관식 7문항, OX 3문항으로 구성해 줘.
각 문항에는 정답과 해설을 붙여 줘.
자료에 없는 내용은 출제하지 말고, 애매한 문항은 "검토 필요"라고 표시해 줘.

오디오 개요는 긴 자료를 이동 중에 이해할 때 유용합니다. Google은 Audio Overview를 두 명의 AI 진행자가 문서나 보고서를 대화하듯 설명하는 기능으로 소개합니다.4 하지만 녹음 파일처럼 들린다고 해서 내용이 모두 정확하다는 뜻은 아닙니다. 중요한 의사결정에는 원문 확인이 필요합니다.

자연어로 웹페이지 만들기

Canvas에서는 코드를 몰라도 간단한 웹페이지를 만들 수 있습니다. 핵심은 "예쁘게 만들어 줘"가 아니라 무엇을 보여 주고, 사용자가 무엇을 할 수 있어야 하는지를 설명하는 것입니다.

먼저 랜딩 페이지 예시입니다.

Canvas에서 1페이지짜리 랜딩 페이지를 만들어 줘.
주제는 "동네 독서 모임 모집"이다.
포함 요소는 상단 제목, 한 줄 소개, 모임 장점 3가지 카드, 일정 안내, 신청 버튼이다.
분위기는 따뜻하고 깔끔하게 해 줘.
모바일에서도 보기 좋게 만들어 줘.
HTML, CSS, JavaScript를 한 파일 안에서 동작하도록 작성해 줘.

결과가 나오면 미리보기를 보며 수정합니다.

카드 3개의 간격을 더 넓혀 줘.
신청 버튼 색상을 진한 초록색으로 바꾸고, 버튼 문구를 "참여 신청하기"로 바꿔 줘.
첫 화면에서 제목이 더 잘 보이도록 글자 크기를 키워 줘.

차트가 포함된 정보 페이지도 만들 수 있습니다.

"한 달 생활비 구성"을 보여 주는 정보 페이지를 만들어 줘.
식비 35%, 주거비 30%, 교통비 10%, 통신비 8%, 기타 17%를 막대 차트로 보여 줘.
아래에는 절약 팁 5개를 카드 형태로 배치해 줘.
차트 수치는 코드 안에 쉽게 바꿀 수 있게 주석을 달아 줘.

이런 페이지는 발표 자료나 사내 설명용 초안으로 유용합니다. 하지만 실제 배포 전에는 접근성, 모바일 화면, 수치 정확성, 회사 디자인 기준을 확인해야 합니다.

계산기와 체크리스트 앱 만들기

웹앱은 "입력 → 처리 → 출력"이 분명할수록 잘 만들어집니다. 계산기 앱을 만들고 싶다면 먼저 계산 규칙을 써야 합니다.

간단한 생활비 계산기 웹앱을 만들어 줘.
사용자가 월수입, 고정비, 식비, 교통비, 기타 지출을 입력하면 남은 금액을 계산해 줘.
남은 금액이 월수입의 20% 이상이면 "저축 여유 있음", 0 이상 20% 미만이면 "지출 점검 필요", 마이너스이면 "예산 초과"라고 표시해 줘.
입력칸, 계산 버튼, 결과 영역이 있어야 한다.
초보자가 보기 좋게 단순한 디자인으로 만들어 줘.

생성된 앱이 원하는 대로 동작하지 않으면 오류를 막연히 말하지 말고 네 가지를 알려 줍니다.

  • 내가 한 행동

  • 기대한 결과

  • 실제 결과

  • 화면에 보이는 오류 문구

예시는 다음과 같습니다.

월수입 3000000, 고정비 1200000, 식비 600000, 교통비 150000, 기타 300000을 입력하고 계산 버튼을 눌렀어.
남은 금액 750000원이 표시되길 기대했는데 결과가 NaN으로 나와.
입력값을 숫자로 변환하는 부분을 확인해서 수정해 줘.

체크리스트 앱은 업무나 생활 루틴에 바로 쓸 수 있습니다.

"출장 준비 체크리스트" 앱을 만들어 줘.
기본 항목은 항공권 확인, 숙소 예약, 신분증, 노트북 충전기, 명함, 회의 자료, 영수증 봉투로 해 줘.
사용자가 새 항목을 추가하고, 완료 체크를 하고, 완료된 항목을 숨길 수 있게 해 줘.
새로고침해도 항목과 체크 상태가 유지되도록 브라우저 저장소를 사용해 줘.

Google의 릴리스 노트에 따르면 Canvas 앱은 몇 번의 프롬프트로 Gemini 기능을 넣거나, 세션 사이에 데이터를 저장하고, 여러 사용자와 데이터를 공유하는 방향으로 개선되었습니다.5 다만 공개 링크로 공유하는 앱은 링크를 가진 사람이 앱과 관련 데이터에 접근할 수 있으므로 조심해야 합니다.

코드가 낯선 사람을 위한 최소 개념

Canvas에서 웹앱을 만들 때 자주 보이는 세 단어가 있습니다.

HTML은 화면의 뼈대입니다. 제목, 문단, 입력창, 버튼을 만듭니다.

CSS는 디자인입니다. 색, 여백, 글자 크기, 배치를 정합니다.

JavaScript는 동작입니다. 버튼을 눌렀을 때 계산하고, 목록을 추가하고, 결과를 보여 줍니다.

코드를 모두 이해할 필요는 없습니다. 대신 "어떤 입력을 넣으면 어떤 결과가 나와야 하는지"를 정확히 말할 수 있어야 합니다. 초보자에게 필요한 능력은 코드를 외우는 것이 아니라 요구사항을 분명히 설명하는 능력입니다.

Docs로 내보내기 전 점검하기

Canvas에서 만든 문서는 Google Docs로 내보내 협업할 수 있습니다. Google은 Canvas 초안을 클릭 한 번으로 Docs로 내보내 다른 사람과 이어서 협업할 수 있다고 설명합니다.6 Python 코드는 Colab으로 내보내는 흐름도 제공됩니다.2

하지만 내보내기와 공유 전에 반드시 점검해야 합니다.

  • 사실관계: 날짜, 수치, 인명, 제품명, 정책이 맞는가

  • 출처: 외부 자료를 참고했다면 원문 링크와 기준일이 있는가

  • 개인정보: 이름, 전화번호, 이메일, 주소, 고객 정보가 남아 있지 않은가

  • 회사 기밀: 내부 문서, 매출, 계약 조건, 미공개 전략이 포함되지 않았는가

  • API 키와 비밀번호: 코드 안에 인증 정보가 들어 있지 않은가

  • 저작권: 이미지, 문구, 코드, 브랜드 요소를 무단으로 사용하지 않았는가

  • 표와 차트: 계산식과 단위가 맞는가

  • 퀴즈: 정답과 해설이 자료와 일치하는가

  • 공유 범위: 링크를 가진 모든 사람이 볼 수 있는 설정은 아닌가

  • 앱 데이터: 공유 앱에서 다른 사람의 입력값이 노출될 가능성은 없는가

특히 앱 공유는 조심해야 합니다. Google 도움말은 공개 링크로 앱을 공유하면 링크를 가진 사람이 앱과 관련 데이터에 접근할 수 있다고 안내합니다.2 업무용 자료나 고객 정보가 들어간 앱은 공개 링크로 공유하지 않는 편이 안전합니다.

Canvas 사용의 핵심 습관

Canvas를 잘 쓰는 사람은 한 번에 완벽한 요청을 쓰는 사람이 아닙니다. 작업물을 보면서 계속 고치는 사람입니다.

첫째, 초안은 빠르게 만듭니다. 빈 화면에서 오래 고민하지 않습니다.

둘째, 수정은 구체적으로 요청합니다. "별로야"보다 "도입부를 3문장으로 줄이고, 첫 문장을 질문형으로 바꿔 줘"가 좋습니다.

셋째, 전체와 부분을 나눕니다. 구조는 전체 수정, 표현은 선택 영역 수정이 효과적입니다.

넷째, 결과물은 검토 후 옮깁니다. Canvas는 훌륭한 작업대지만 최종 승인자는 사용자입니다.

Canvas는 Gemini를 단순한 답변 기계에서 협업 도구로 바꿔 줍니다. 긴 글을 쓰고, 웹페이지를 만들고, 앱을 실험하고, 다시 다듬는 과정이 한 화면 안에서 이어집니다. 이제 중요한 것은 "AI가 무엇을 할 수 있나"보다 "내가 어떤 결과물을 만들고 싶은가"입니다.

참고

1Try Canvas, a new way to collaborate with the Gemini app

2Create docs, apps & more with Canvas

3More ways to create with Canvas

4New ways to collaborate and get creative with Gemini

5Gemini 앱의 기능 업데이트 및 개선

6Try Canvas, a new way to collaborate with the Gemini app

책 목록

아무것도 몰라도, 제미나이 (Gemini)

전체 목차 보기

이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.

틸노트는 사용자가 AI를 활용해 노트를 쉽게 작성하거나 편집할 수 있는 서비스입니다.

AI 스퀘어 단톡방에 함께해요

AI 활용과 틸노트 사용 팁을 나누는 오픈채팅방입니다. 입장 비밀번호는 tilnote입니다.

참여하기