[미니사례] 재테크 강사의 홈페이지 제작(가상), 사이트 도구 활용

소개

사이트 도구를 이용해 홈페이지 제작

제 분야를 정리하기에는 오래 걸리고, 이미 운영하는 홈페이지가 있어서,

가상의 재테크 강사를 만들어봤어요.

재테크 노예의 홈페이지 바로가기

진행 방법

한국 뉴스 기사의 스크린 샷

한국어 텍스트가있는 페이지의 스크린 샷

우선 재테크 관련 정보를 수집하기 위해 GPT와 Gemini로 심층리서치

한국어 앱의 스크린 샷

Notebook LM에 소스 추가

한국어 문자 메시지의 스크린 샷

우선 세금 관련 정보를 수집하기 위해 Grok 사용.

다른 서비스에 비해 링크가 대부분 정확함

한국어 텍스트가있는 컴퓨터 화면의 스크린 샷

국세청 홈페이지 메뉴들이 나오기 시작.

관련 정보 모두 PDF 파일로 다운로드

한국 정부 웹 사이트의 스크린 샷

파일이 따로 없는 경우, 웹 사이트를 출력 PDF 저장

한국어 텍스트가있는 페이지의 스크린 샷

이 기능이 활성화되지 않는다면 스크린샷도 좋습니다.

한국어 단어가있는 페이지

기타 관련 세금에 대한 정보도 모두 수집

한국 앱의 스크린 샷

드디어 데이터베이스 구축 완료

세금, 재테크, 재무설계, 투자, 주식, 펀드, 보험, 금융 트렌드, 부동산, 해외 및 국내 자료 등등

그리고 마지막으로 프롬프트 설계와 제미나이와 바이브 코딩에 관련된 정보를 모두 정리

소스가 67개나 되네요.

한국 텍스트가 강조된 Google 문서의 스크린 샷

홈페이지 첫 페이지의 인사말 제작을 위한 프롬프트를 요청

노트 내에 재테크 정보 이외에 프롬프트 관련 정보가 있기 때문에 프롬프트 생성을 잘합니다.

텍스트 상자가 강조된 웹 페이지의 스크린 샷

프롬프트 결과 복사 후 제미나이의 캔버스 기능에서 붙여넣기

중국 웹 사이트의 스크린 샷

구글 사이트 도구 접속

참고로 사이트 도구는 무료 사용이 가능합니다.

한국 금융 한국 금융 한국 금융 한국 금융 한국 금융 금융 금융

첫 페이지에서 삽입을 선택합니다.

제미나이에서 생성된 소스를 복붙할 때 사용합니다.

그 외에도 다양한 요소 추가가 가능합니다.

특히 구글 드라이브와 연동이 되기 때문에 무거운 동영상도 쉽게 추가할 수 있어요.

한국의 금융 페이지를 보여주는 화면

마음에 들지 않지만 뚝딱

그리고 다음 페이지를 만듭니다.

한국 텍스트가있는 한국 웹 사이트의 스크린 샷

제미나이에서 재테크 관련 게임을 만듭니다.

Notebook LM에서 이미 소스에서 문제를 생성하고 난이도에 맞춰 총 10문제를 구성했어요.

그걸 다시 프롬프트를 만들어 제미나이에 복붙. 그랬더니 정말 잘 만들어주네요.

한국어 메시지를 보여주는 페이스 북 페이지의 스크린 샷

당연히 10점이 나올 줄 알았는데...

한국의 Google 검색 페이지의 스크린 샷

제작이 끝나면 게시 선택 후 URL을 입력합니다.

재테크 노예라 money를 넣으려고 했지만 이미 사용중.

결과와 배운 점

사이트 도구는 14년 전에 처음 사용을 했었고, 잘 사용하다가 UI가 마음에 들지 않아 오랜 기간 방치를 했는데, 교육에 활용하면 좋다는 지피터스 최고의 파트너 도로시J윤스케어 님의 친절하고 인사이트 넘치는 설명으로 다시 사용하기 시작하려고 합니다.

다양한 도구와 연동하고 잘 설계한다면 교육 전이나 교육 중 그리고 교육을 마치고, 매우 좋은 도구로서의 활용이 가능하다는 생각이 들었네요.

아쉬운 것은 저의 부족한 디자인 감각이며, 조금 더 연구해서 깔끔하고 풍성한 내용이 있는 사이트로 만들고 싶네요.

제미나이와 Notebook LM을 요즘 정말 많이 사용하는데, 결국 구글이 모두 통합할 것 같다는 생각이 들어서,

구글 주식을 더 매수 했는데, 크롬 브라우저 방어 기사 발표 후 많이 올라서 돈까지 벌었네요.

에듀테크가 이정도입니다.

사이트는,

재테크 노예의 홈페이지

그럼,,,20000

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

4
4개의 답글

👉 이 게시글도 읽어보세요