Gemini 캔바스 기능 업데이트! 클로드 3.7과 비교! 후기!

안녕하세요, 에코 뉴스레터 구독자님들!

요즘 구글이 AI 분야에서 정말 괄목할 만한 업데이트를 쏟아내고 있습니다. 얼마 전 업데이트된 구글 AI 스튜디오의 이미지 생성 및 편집 기능은 '이제 포토샵이 없어도 되나?'라는 생각이 들 정도로 짧은 시간에 놀라운 결과물을 만들어 냈습니다. 소셜 미디어에 도배될 정도로 바이럴 되고 있습니다. 솔직히 저는 이번에야말로 구글이 제대로 된 업데이트를 했다고 생각했습니다.

이러한 업데이트에 이어 이번에는 클로드와 GPT의 캔버스 기능을 Gemini에 탑재했습니다. 그것도 무료로, 지금 바로 이용 가능합니다.

이걸로 무엇을 할 수 있을까요?

이렇게 물으신다면, 바로 아래와 같은 시각화 자료를 엄청나게 빠르게 만들 수 있다고 말씀드릴 수 있겠습니다.

괜찮지 않나요? 이제는 같은 내용을 전달해도 시각화 자료로 깔끔하게 전달하지 못하는 직원을 보면 답답함이 올라올 것 같습니다. 아니면 저 친구는 빠르게 트렌드를 파악하지 못하거나 공부를 게을리하는구나 라는 생각을 하게 될 정도입니다.

이제부터 어떻게 하는지 천천히 알려드리겠습니다. 그리고 클로드 3.7 Sonnet 과의 비교도 해보려고 합니다.

위 영상에서 자세한 비교를 했습니다!

구글 Gemini 캔바스 기능 활용 튜토리얼!

1. Gemini 캔바스 사이트 접속

아래 링크를 눌러 페이지에 접속합니다.

‎Gemini - chat to supercharge your ideas

Bard is now Gemini. Get help with writing, planning, learning, and more from Google AI.

Gemini

2. 캔바스 기능을 활성화 시키기

접속한 페이지 프롬프트 입력창에 캔버스 기능을 활성화 시키기위해 마우스로 클릭합니다.

3. 프롬프트를 복사 붙여넣기 합니다

캔바스 기능을 활성화 시켰다면 프롬프트 입력창에 아래의 프롬프트를 그대로 복사 붙여넣기 해봅니다.

프롬프트 시작!

아래 문장을 Accenture, Deloitte, PwC, EY와 같은 글로벌 최고 수준의 전략 컨설팅 및 프로페셔널 서비스 기업에서 사용하는 프레젠테이션 슬라이드 스타일로 제작해주세요.
슬라이드는 16:9 와이드스크린 포맷을 사용하고, 내용의 설득력과 명료성을 극대화할 수 있도록 다음과 같은 요소를 반영해 구성해주시고 HTML로 다운로드를 제공해주세요.

모든 텍스트와 그래프는 슬라이드 안에 들어와야하며 겹치지 않아야하며 텍스트가 짤려서는 안됩니다.

【디자인 사양】

【슬라이드 디자인 가이드】

1. 컬러 스킴

어반 모던 블루 컨트라스트 테마

• 주요 색상: 블랙(#000000), 화이트(#FFFFFF), 비비드 블루(#0066CC)
• 특징:
  강렬하고 현대적인 미니멀리즘 스타일을 강조하며 도시적이고 모던한 감성 표현.
• 활용:
  컨템포러리 패션 브랜드, 스트리트웨어 고급 브랜드

2. 레이아웃

• 헤더 영역:
• 좌측: 메인 제목(좌측 정렬)
• 우측: 날짜 및 출처(우측 정렬)
• 본문 영역:
• 2단 구성: 좌측 60%, 우측 40%
• 카드형 컴포넌트: 흰색 배경, 12px 둥근 모서리, 미세한 그림자 효과 적용
• 섹션 간 명확한 여백과 시각적 계층 구조 유지
• 상단과 하단에 텍스트가 짤리지 않고 내용이 모두 슬라이드 안에 들어올 것
• 그래프가 누락되지 않고 표현될것

【콘텐츠 구성 및 정보 설계】

1. 요약(Summary)

• 기사/보고서의 핵심 내용을 초간결한 문장으로 명료하게 요약
• 중요 수치(KPI)는 큰 글씨와 아이콘을 활용하여 시각적으로 강조(숫자 + 단위 + 간략 설명)

2. 핵심 섹션(Core Section)

• 데이터 시각화: 바 차트, 라인 차트, 타임라인 등을 적극 활용하여 직관적으로 표현
• 핵심 포인트: 가장 중요한 포인트 3~4개 항목을 명확한 간격으로 정리
• 강조 문장: 주요 메시지 한 문장을 블루 색상으로 명확히 강조
• 팩터 박스(Factor Box): 복잡하거나 새로운 개념은 별도의 시각적 박스 안에 아이콘과 함께 직관적으로 정리

【최종 마무리 및 퀄리티 체크리스트】

✅ 전문적인 푸터 구성

• 출처 표기: AI 코리아 커뮤니티

✅ 16:9 화면 비율 최적화

• 한 화면 내 최적의 정보 밀도 유지

✅ 시선 흐름 최적화

• 정보의 논리적 흐름에 따른 레이아웃 설계

✅ 고급스러운 시각적 요소 활용

• 고급스러운 이미지, 그래픽 및 아이콘을 활용하여 설득력 강화

이 슬라이드는 글로벌 빅4 전략 컨설팅 및 프로페셔널 서비스 기업(Accenture, Deloitte, PwC, EY)이 실제 경영진 보고 또는 클라이언트 프레젠테이션에서 사용할 수 있는 품질을 목표로 제작해주세요. 모든 정보는 한 장의 슬라이드에 효과적으로 압축하면서도, 슬라이드에 왼쪽 오른쪽 위에 아래 끝 부분에서 내용이 짤리지 않도록 모든 내용을 슬라이드 안에 텍스트와 그래프 모두 잘 넣어주세요. 정보의 명확성과 시각적 완성도를 극대화해주세요.

[기사 내용]

'S위기는 일단 피했다'…나스닥 1.2%·테슬라 7.6%↑[월스트리트in]

美소비자물가 둔화…'폭풍 전 고요한 보고서'
“연준은 더 기다릴 것”…6월께 금리인하 예상
이틀연속 급등한 테슬라 7.59%…美철강·알루미늄株↑
스태그 우려 완화에 안도감…국채금리 상승·유가도↑

이날 뉴욕증권거래소에서 블루칩을 모아놓은 다우존스 30산업평균지수는 전거래일 대비 0.20% 하락한 4만1350.93에 거래를 마쳤다.

대형주 벤치마크인 스탠다드앤드푸어스(S&P)500지수는 0.49% 오른 5599.30을 기록했다. 기술주 위주의 나스닥지수는 1.22% 상승한 1만7648.45를 기록했다. 월가 공포지수로 불리는 시카고옵션거래소 변동성지수(VIX)는 9.99% 급락하며 24.23을 기록했다.

美소비자물가 둔화…관세에도 불구 vs 관세영향 아직

미국의 2월 소비자물가가 예상보다 덜 오른 것으로 나타나면서 트럼프 관세 정책에 얼어붙었던 투자자들이 안도했다. 12일(현지시간) 미 노동통계국에 따르면 2월 소비자물가는 전월대비 0.2%, 전년동월대비 2.8% 상승한 것으로 나타났다. 이는 다우존스가 설문한 전문가 예상치(0.3%, 2.9%)를 밑도는 수준이다.

변동성이 큰 식품과 에너지를 제외한 근원 소비자물가는 전월대비 0.2%, 1년 전 대비 3.1% 상승했다. 이 역시 시장 예상치(0.3%, 3.2%)를 밑돈 수치다.

프롬프트 끝!

4. 코딩 시작!

프롬프트를 복사 붙여넣기 하면 Gemini는 코딩을 시작합니다. 클로드와 비교해봤을 때 많이 빠릅니다. 그 속도가 말이죠. 결과는 어떨까요?

어떤가요? 지금 여기까지 글을 읽고 그대로 따라 해 보셨다면 위와 같은 결과물이 나왔을 것이라 생각됩니다. 만약 그래프가 제대로 표현되지 않았다면 그래프를 표현해 달라고 요청만 하면 수정됩니다.

무료인데다가 결과물까지 좋으니 안 쓸 이유가 있을까요? 사용하지 않는다면 변화를 그저 받아들이기 싫어하는 사람에 불과하다고 생각합니다. 그러니 지금 바로 활용해보세요. 참고로 이런 시각화 자료를 더 많은 컬러스킴으로 만들어 보고 싶다면 아래 글을 참고하세요.

클로드 100개 시각화 스킨 무료 배포! (Claude 3.7 Sonnet 시각화)

클로드로 손쉽게 고품질 시각화 자료 제작! 100가지 컬러 스킨 제공으로 프레젠테이션 퀄리티 UP! AI 기반 디자인 혁신 경험하세요!

AI 코리아 커뮤니티 뉴스레터Bopyo Park

위 배너 링크를 클릭하면 로딩되는 페이지에 있는 100가지의 컬러스킴을 이용하여 Gemini의 시각화 자료를 수정할 수 있습니다. 바로 아래처럼 말이죠.

이제 Gemini 좋은줄 아시겠죠? 클로드와의 비교도 해보겠습니다. 같은 프롬프트로 시도해봅니다. 계속 반복하는것보다는 우선 1차 시도로 딱 한번 같은 프롬프트로 복사 붙여넣기를 해보겠습니다. 속도와 결과물은 어떤 차이가 있을지 궁금합니다.

Claude 3.7 Sonnet VS Google Gemini 시각화 대결

속도 대결

같은 프롬프트로 테스트 한 결과 Gemini의 속도가 상대 안되게 압도하였습니다. 16~18초만에 시각화에 성공 하였지만 클로드의 경우에는 1분을 조금 넘겨서 완성했습니다. 이정도의 속도차이는 정말 많은 차이인데요. 그 이유는? 실제로 시각화 작업을 하게 되면 수정해야 하는 일이 많은데 이럴 때 속도 차이가 작업의 차이를 만들어내기 때문입니다.

속도가 빠르다는것은 더 빨리 원하는 결과물을 만들어내는 것이며 이것이 시각화로 자료를 만드는 목적이기 때문입니다.

결과물 대결

우선 Gemini의 결과물에서는 그래프가 짤리거나 하는 부분이 없었습니다. 내용이 짤림 현상도 없었습니다. 그러나 Claude는 어떨까요?

Claude는 고질적인 문제중에 하나 내용이 짤리는 현상이 우측 하단에 보면 확인됩니다. 물론 수정을 하면 되지만 수정할 때 또 시간이 오래걸리기 때문에 연속적인 작업을 하다보면 불편합니다.

그러므로 Gemini의 승이라고 할 수 있겠습니다. 디자인은? Claude가 좀 더 나아보입니다. 그러나 Gemini에게 요청하여 바로 변경할 수 있습니다. 빠르게 적용된다는 거 아시죠?

어떻게 봐도 Gemini의 손을 들어줄 수 밖에 없는 상황입니다. 그러나 딱 한가지 아쉬운 부분이 있었는데요. Claude는 다운로드를 버튼으로 제공했지만 Gemini는 아직 다운로드 버튼을 제공하지는 않았습니다. 그러므로 다운로드 받고 싶다면 코드를 복사해서 Html 편집장에 붙여넣기해서 파일로 저장해야 했습니다.

뭐 이런 불편함이야 큰 것은 아니라고 생각합니다. 무엇보다 수정 자체가 빠르고 무료에서도 쉽고 빠르게 제작이 되니까요.

요즘 구글 정말 열일 하네요!

에코 멤버님들도 활용해보세요.

 📌 AI 크리에이티브 입문 완벽 가이드

      포토샵 활용 고퀄리티 콘텐츠 제작 

📌 프롬프트 연금술 마스터 클래스

      프롬프트 구조를 이해하자! 

📌 AI 그림책 출판 5주 완성반

       5주 만에 나만의 그림책 완성

*Affiliate links and regular links may be included.

뉴스레터 광고 공간 (광고주를 모집합니다)

For newsletter banner advertising inquiries, please contact: Bopyo@aikoreacommunity.com

이곳에 서비스를 소개하세요!

뉴스레터 배너 광고 문의: Bopyo@aikoreacommunity.com

뉴스레터 편집장 소개

• 보표 홈페이지
• https://amzbopyo.com/
• 보표 SNS
• 보표 레터: https://www.bopyoletters.com/
• X(트위터): https://twitter.com/AIBopyo
• 스레드: https://www.threads.net/@bopyo.amz
• 링크드인: https://www.linkedin.com/in/bopyo-park-848631231/
• 인스타그램: https://www.instagram.com/bopyo.amz/
• AI 코리아 커뮤니티 아카데미
• https://app.aikoreacommunity.com/collections/932400