제미나이 캔버스 활용법: 기획부터 배포까지 한 번에 끝내기
어제 말씀드린 무한 글감 생성기를 제미나이 캔버스 기능을 활용해서 만들어보겠습니다. 요즘 유행하는 “바이브 코딩”입니다. HTML, CSS, 자바스크립트를 몰라도 프롬프트에 요청사항을 입력해서 원하는 웹페이지를 만드실 수 있습니다.
일단 제미나이로 접속하시고 “canvas”를 켜주세요.
제가 입력하는 프롬프트를 그대로 따라 해 보시거나 새롭게 프롬프트를 만드셔도 좋습니다.
첫 번째 프롬프트)
당신은 무한 글감 생상기를 화면에 제시해 주는 사람입니다. 글감=[유형] x [포인트] x [신뢰도]를 랜덤으로 화면에 한 가지만 보여주는 웹페이지를 만들어 주세요.
5가지 유형 중에 한 가지와 7가지의 포인트 중에 한 가지, 3가지 신뢰도 중에 한 가지를 랜덤으로 골라주면 됩니다.
위와 같은 방식으로 하나의 글감을 만들어주면 됩니다.
1단계: 어떤 ‘유형’의 글인가?
유형 1: 실용적 가이드
유형 2: 의견/논평
유형 3: 리스트
유형 4: 스토리
유형 5: 신뢰 기반 글
2단계: 어떤 ‘포인트’를 전달하는가?
포인트 1: 설명 (무엇이 언제 어디서 어떻게 왜 일어났는가)
포인트 2: 습관 (목표에 도달하기 위한)
포인트 3: 실수 (목표 도달을 방해하는)
포인트 4: 교훈 (목표를 추구하며 배운)
포인트 5: 팁 (목표에 도달하는 데 도움이 되는)
포인트 6: 스토리 (목표를 향한 여정을 보여주는)
포인트 7: 최신 이슈 (목표와 관련해 독자가 알아야 할)
3단계: 신뢰도는 어떻게 확보할 것인가?
신뢰 1: ‘나는 이 주제의 전문가다. 내 생각은 이렇다.’
신뢰 2: ‘이 분야 전문가들은 이렇게 말한다.’
신뢰 3: ‘개인적인 의견이지만, 누구보다 명확하게 설명하겠다.’
예시를 주고 구체적인 출력 양식을 지정해 줍니다. 그리고 입력창을 추가합니다. 글라스모피즘은 투명한 사용자 인터페이스를 말합니다. 호버링은 마우스가 위에 있으면 나오는 효과입니다.
깔끔하지만 너무 날것 그대로 나옵니다. 그래서 추가로 프롬프트를 입력합니다.
두 번째 프롬프트)
예시를 3개 제시합니다.
아래 글상자에 구체적인 예시를 만들어서 3개 정도 제시해 주세요.
그리고 입력창을 만들어주세요. 입력하는 단어를 활용해서 글감을 생성해 주세요.
추가로 1. 글라스모피즘을 활용해서 세련된 디자인으로 만들어주세요.
2. 버튼에 호버링 효과를 넣어주세요.
예시) 책에 나오는 예시를 추가함.
리스트 × 실수 × 신뢰 2 = “7인의 창업자가 밝히는 첫 투자 유치 때의 뼈아픈 실수”
신뢰 기반 글 × 설명 × 신뢰 1 = “〈월드 오브 워크래프트〉 톱 랭커 출신이 전망하는 e스포츠의 미”
논평 × 교훈 × 신뢰 3 = “저소득층 동네에서 들여다본 경제 위기의 실상”
지금 바로 작가의 멤버십 구독자가 되어
멤버십 특별 연재 콘텐츠를 모두 만나 보세요.
오직 멤버십 구독자만 볼 수 있는,
이 작가의 특별 연재 콘텐츠