스마트 행정혁신 연구동아리
공공기관 실무자 맞춤형 디지털 혁신 실습 포털

구글 Canvas로 외주 없이 공공 인포그래픽 & 대시보드 5분 만에 만들기

복잡한 코딩이나 그래픽 툴 없이, 구글 AI Canvas(Gemini Canvas)의 직관적인 프롬프트 작성과 실시간 편집 인터페이스를 활용하여 정책 알림, 재난 안내, 예산 인포그래픽을 신속하고 정확하게 시각화하는 방법을 학습합니다.

95%

외주 제작 소요시간 단축

0원

추가 소프트웨어 라이선스 비용

100%

웹 표준 & 반응형 자동 지원

KWCAG 2.2

공공 웹 접근성 가이드라인 준수

Workflow

구글 Canvas를 활용한 공공 콘텐츠 제작 4단계

대화창과 작업 공간이 분리된 구글 Canvas 환경에서 아이디어를 완성도 높은 웹·인포그래픽으로 구현하는 표준 절차입니다.

1

공공 데이터 & 목적 정의

배포할 보도자료, 정책 지원 자격, 통계 수치 등 핵심 시민 전달 요소를 정리하고 인포그래픽/웹 목적을 설정합니다.

💡 팁: 표 형태의 데이터(표 1, 수치)를 프롬프트에 직접 복사해 넣으세요.
2

Canvas 모드 프롬프트 발행

"단일 HTML 파일로 태극 컬러 기반 반응형 인포그래픽을 만들어줘"와 같이 레이아웃과 목적을 명시하여 호출합니다.

💡 핵심: '우측 Canvas 창에 단일 HTML로 작성'을 명시합니다.
3

인터랙티브 실시간 수정

Canvas 내 특정 문장이나 컴포넌트를 드래그하여 "글자 크기 키워줘", "차트 색상을 남색으로 변경해줘" 요청을 즉시 반영합니다.

💡 장점: 전체를 다시 만들지 않고 선택 부분만 정밀 수정 가능.
4

공공 배포 및 파일 내보내기

완성된 단일 HTML을 지자체 홈페이지 팝업, 공식 블로그 임베드, 전자공보, 카드뉴스용 고해상도 캡처로 배포합니다.

💡 활용: 모바일 반응형이므로 시민 스마트폰에서도 완벽 표시.
Interactive Demo

구글 Canvas 작업 환경 시뮬레이터

실제 구글 Canvas의 [좌측 프롬프트 대화창]과 [우측 캔버스 결과 뷰어] 인터페이스를 직접 경험해보세요.

예제 선택:
Google Gemini Canvas 대화창
담당

입력된 프롬프트 (Prompt) 실시간 연동

AI

Canvas 생성 완료 안내

요청하신 공공 인포그래픽을 우측 Canvas 창에 단일 반응형 HTML 및 SVG 컴포넌트로 생성하였습니다. 우측 화면에서 실시간 렌더링 결과를 바로 확인하고 코드 탭에서 소스를 확인할 수 있습니다.

✓ Tailwind CSS 적용 ✓ 모바일 최적화

💡 구글 Canvas의 가장 큰 장점은 이처럼 특정 요소만 자연어로 대화하며 즉시 교체할 수 있다는 점입니다.

CANVAS DOC 청년주거지원_인포그래픽.html
https://www.public.go.kr/canvas-preview
단일 파일 렌더링 활성화됨
Best Practices

공공기관에서 바로 쓰는 4대 핵심 예제

지자체, 중앙부처, 공기업에서 자주 발생하는 민원 홍보와 정책 전달에 최적화된 템플릿입니다. 각 카드를 클릭하여 시뮬레이터에서 즉시 확인해보세요.

복지·청년 인포그래픽형

청년 맞춤형 주거비 지원안내

지원 대상, 월 최대 지원액(20만원), 3단계 신청 프로세스 및 필수 구비 서류를 한눈에 파악할 수 있는 고가독성 카드.

시뮬레이터로 열기
재난·안전 대시보드형

폭염·미세먼지 시민행동수칙

단계별(주의/경보) 비상행동요령, 내 주변 무더위 쉼터 현황 링크, 야외 노동자 보호지침을 실시간 반응형으로 구성.

시뮬레이터로 열기
재정·투명성 데이터 차트형

시민참여예산 집행 결산 보고

총 500억 규모 시민 공모 예산의 분야별(환경, 보육, 교통) 비중 도넛 차트 및 주요 선정 완공 사업 4종 요약.

시뮬레이터로 열기
대민·행정 원스톱 웹형

대형폐기물 간편 배출 신청안내

스티커 부착 없는 모바일 간편 신청, 품목별 수수료 검색기, 배출 요령 체크리스트를 포함한 시민 체감형 원페이지 웹.

시뮬레이터로 열기
Prompt Wizard

공공기관 맞춤형 프롬프트 생성 마법사

필요한 정보를 선택하면 구글 Canvas가 가장 정확하게 공공 규격 웹/인포그래픽 코드를 생성할 수 있는 최적화 프롬프트를 자동으로 조립해 드립니다.

구글 Canvas 전용 프롬프트 생성 결과

        
Compliance & Security

공공기관 생성형 AI 활용 3대 수칙

정부 가이드라인에 부합하고 시민 누구나 차별 없이 열람할 수 있도록 지켜야 할 필수 점검 기준입니다.

1. 개인정보 및 비공개 행정정보 보호

주민등록번호, 특정 민원인의 성명 및 연락처, 공개 전 대외비 예산안 등은 절대 프롬프트에 직접 입력하지 마십시오.

필수: 예시 데이터는 가명(홍길동, 010-0000-0000) 또는 통계성 집계 수치로 치환하여 작성.

2. 웹 접근성 표준(KWCAG 2.2) 준수

어르신이나 시각 보조기기(스크린 리더) 사용자를 위해 텍스트 색상 명도 대비 4.5:1 이상 및 이미지 대체 텍스트(alt)를 제공합니다.

Canvas 명령어: "KWCAG 2.2 기준에 따라 텍스트 명도 대비를 4.5:1 이상으로 맞춰줘" 추가.

3. 사실 확인(Fact-Checking) 의무

AI가 생성한 법령 조항, 지원 금액, 신청 마감 일자 등은 실제 고시 및 조례와 일치하는지 최종 담당자가 대조 확인해야 합니다.

권장: "문의: ○○과 청년정책팀 (02-000-0000)" 등 공식 담당 부서 명시 필수.
클립보드에 복사되었습니다.