글감 고민 끝!
무한 글감 생성기(프롬프트 제공)

제미나이 캔버스 활용법: 기획부터 배포까지 한 번에 끝내기

by 정상가치

어제 말씀드린 무한 글감 생성기를 제미나이 캔버스 기능을 활용해서 만들어보겠습니다. 요즘 유행하는 “바이브 코딩”입니다. HTML, CSS, 자바스크립트를 몰라도 프롬프트에 요청사항을 입력해서 원하는 웹페이지를 만드실 수 있습니다.


일단 제미나이로 접속하시고 “canvas”를 켜주세요.

캔버스.gif


제가 입력하는 프롬프트를 그대로 따라 해 보시거나 새롭게 프롬프트를 만드셔도 좋습니다.


첫 번째 프롬프트)
당신은 무한 글감 생상기를 화면에 제시해 주는 사람입니다. 글감=[유형] x [포인트] x [신뢰도]를 랜덤으로 화면에 한 가지만 보여주는 웹페이지를 만들어 주세요.
5가지 유형 중에 한 가지와 7가지의 포인트 중에 한 가지, 3가지 신뢰도 중에 한 가지를 랜덤으로 골라주면 됩니다.
위와 같은 방식으로 하나의 글감을 만들어주면 됩니다.
1단계: 어떤 ‘유형’의 글인가?
유형 1: 실용적 가이드
유형 2: 의견/논평
유형 3: 리스트
유형 4: 스토리
유형 5: 신뢰 기반 글
2단계: 어떤 ‘포인트’를 전달하는가?
포인트 1: 설명 (무엇이 언제 어디서 어떻게 왜 일어났는가)
포인트 2: 습관 (목표에 도달하기 위한)
포인트 3: 실수 (목표 도달을 방해하는)
포인트 4: 교훈 (목표를 추구하며 배운)
포인트 5: 팁 (목표에 도달하는 데 도움이 되는)
포인트 6: 스토리 (목표를 향한 여정을 보여주는)
포인트 7: 최신 이슈 (목표와 관련해 독자가 알아야 할)
3단계: 신뢰도는 어떻게 확보할 것인가?
신뢰 1: ‘나는 이 주제의 전문가다. 내 생각은 이렇다.’
신뢰 2: ‘이 분야 전문가들은 이렇게 말한다.’
신뢰 3: ‘개인적인 의견이지만, 누구보다 명확하게 설명하겠다.’


예시를 주고 구체적인 출력 양식을 지정해 줍니다. 그리고 입력창을 추가합니다. 글라스모피즘은 투명한 사용자 인터페이스를 말합니다. 호버링은 마우스가 위에 있으면 나오는 효과입니다.

0-1.PNG
0-1-R.PNG


깔끔하지만 너무 날것 그대로 나옵니다. 그래서 추가로 프롬프트를 입력합니다.


두 번째 프롬프트)
예시를 3개 제시합니다.
아래 글상자에 구체적인 예시를 만들어서 3개 정도 제시해 주세요.
그리고 입력창을 만들어주세요. 입력하는 단어를 활용해서 글감을 생성해 주세요.
추가로 1. 글라스모피즘을 활용해서 세련된 디자인으로 만들어주세요.
2. 버튼에 호버링 효과를 넣어주세요.
예시) 책에 나오는 예시를 추가함.
리스트 × 실수 × 신뢰 2 = “7인의 창업자가 밝히는 첫 투자 유치 때의 뼈아픈 실수”
신뢰 기반 글 × 설명 × 신뢰 1 = “〈월드 오브 워크래프트〉 톱 랭커 출신이 전망하는 e스포츠의 미”
논평 × 교훈 × 신뢰 3 = “저소득층 동네에서 들여다본 경제 위기의 실상”


1.PNG
1-1.PNG


지금 바로 작가의 멤버십 구독자가 되어
멤버십 특별 연재 콘텐츠를 모두 만나 보세요.

brunch membership
정상가치작가님의 멤버십을 시작해 보세요!

◉ 정상가치(정상으로 같이 가시죠 ◉ 2024년 6월 10일부터 매일 쓰고 있습니다. ◉ 부자가 되고 성공하는 마인드셋에 대해 씁니다.

141 구독자

오직 멤버십 구독자만 볼 수 있는,
이 작가의 특별 연재 콘텐츠

  • 최근 30일간 37개의 멤버십 콘텐츠 발행
  • 총 264개의 혜택 콘텐츠
최신 발행글 더보기
매거진의 이전글왕초보도 할 수 있는 코딩 모르는데 코드 짜는 법