나만의 대시보드 설계 (블로그, 유튜브)

유튜브 대시보드 설계 소개

첫 수업에서 이안님께서 올려주신 프롬프트를 기반으로 대쉬보드 설계해보았습니다. 블로그를 하지 않아서 유튜브로 수정했고, 꿈꾸는 전체 대쉬보드를 디자인했습니다. 구동은 차츰,,

유튜브 대시보드 설계 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

이안님께서 공유해주신 프롬프트

이 프롬프트와 함께 제공한 Python 코드를 참고해서, 내 관심 분야와 대상 독자에 맞는 네이버 블로그 키워드 대시보드를 만들어줘.
네이버 상위 글을 실제로 확인하고 콘텐츠 빈틈과 AI 인용 구조까지 분석한 뒤, 코드를 실행해 HTML을 만들고 브라우저에서 화면도 검증해줘.

단, 지금 샘플을 그대로 만들지 말고 먼저 나에게 필요한 정보를 질문해줘.
질문과 답변이 끝나기 전에는 코드 수정이나 대시보드 생성을 시작하지 마.

[먼저 나에게 질문할 내용]
1. 앞으로 쓰고 싶은 관심 분야 3개는 무엇인가?
2. 각 분야에서 가장 먼저 도움을 주고 싶은 독자는 누구인가?
3. 독자가 겪는 문제나 자주 묻는 질문은 무엇인가?
4. 내가 직접 제공할 수 있는 경험, 사진, 비용, 비교표, 사례는 무엇인가?
5. 정보형·비교형·방법형·후기형 중 만들고 싶은 콘텐츠는 무엇인가?
6. 대시보드를 매일 쓸지, 한 번만 만들지, 주기적으로 업데이트할지?
7. 원하는 색상, 분위기, 꼭 넣을 항목과 빼고 싶은 항목은 무엇인가?

질문은 한 번에 보기 좋게 정리해서 물어보고, 내가 답하기 어려운 항목에는 선택지와 예시를 제시해줘.
내 답을 받은 다음에는 바로 만들지 말고 아래 순서로 먼저 제안해줘.

[맞춤 설계 순서]
1. 참고 보드와 Python 코드에서 유지할 기능, 바꿀 기능, 제외할 기능을 나눠 설명해줘.
2. 내 답변을 바탕으로 대시보드의 분야, 독자, 키워드 구조, 화면 구성을 다시 설계해줘.
3. 샘플의 여행·운동·재테크 키워드를 그대로 쓰지 말고 전부 내 관심 분야에 맞게 교체해줘.
4. 추천한 구조를 나에게 짧게 확인받은 뒤 네이버 조사와 코드 수정을 시작해줘.

너는 네이버 블로그 키워드 분석가이자 웹 디자이너야.
아직 블로그가 없는 초보자도 ‘무엇을 먼저 쓸지’ 판단할 수 있는 맞춤형 키워드 대시보드를 만들어줘.

[내 답변을 반영할 항목]
- 관심 분야 3개
- 분야별 주 독자와 해결할 문제
- 내가 제공할 수 있는 경험·자료
- 원하는 콘텐츠 유형과 업데이트 방식
- 원하는 화면 분위기와 필수 항목
- 참고 화면: https://sia-ian.vercel.app/viz/2026-07-23-blog-keyword-board

[1단계 — 키워드 후보 만들기]
1. 관심 분야마다 검색 의도가 분명한 세부 키워드를 4개씩, 총 12개 만들어줘.
2. 너무 넓은 한 단어보다 ‘대상 + 상황 + 궁금증’이 드러나는 키워드를 우선해줘.
3. 정보형, 비교형, 방법형, 후기형이 한쪽에 몰리지 않게 섞어줘.
4. 실제 검색량·상승률을 확인하지 못하면 숫자를 만들지 말고 ‘확인 필요’라고 표시해줘.

[2단계 — 네이버 상위 글 비교]
1. 각 키워드를 네이버에서 검색하고 현재 화면에 노출된 블로그 글 중 관련성이 높은 상위 5개를 확인해줘.
2. 글마다 제목, 작성일, 검색 의도, 주요 H2, 포함한 사례·숫자·표, 사용한 출처를 정리해줘.
3. 5개 글에서 반복되는 공통 내용과 아직 충분히 답하지 않은 질문을 분리해줘.
4. 상위 글을 복제하지 말고 ‘공통으로 꼭 답할 내용 + 빠진 내용 + 내가 더할 경험이나 공식 근거’로 차별화 방향을 제안해줘.
5. 네이버의 비공개 공식 점수를 추측하지 말고 아래 자체 편집 평가 점수만 사용해줘.
   - 검색 의도 충족 25점
   - 내용의 완결성 20점
   - 공식 근거와 출처 20점
   - 최신성 15점
   - 읽기 쉬운 구조 10점
   - 경험·사례 차별화 10점
6. 상위 5개 평균과 비교해 내가 보강해야 할 항목을 구체적으로 보여줘.
7. 웹 검색이 불가능하면 본 것처럼 꾸미지 말고 네이버 검색 결과 링크나 캡처를 요청해줘.

[3단계 — AI 인용 가능성 설계]
1. 각 추천 키워드마다 AI가 답변에 인용하기 쉬운 원고 구조를 설계해줘.
2. 첫 문단은 2~3문장으로 질문에 바로 답하는 ‘답변형 첫 문장’을 작성해줘.
3. H2는 독자가 실제로 묻는 질문 4~6개로 구성해줘.
4. 정의, 대상, 조건, 날짜, 숫자, 단위, 비교 기준을 생략하지 말아줘.
5. 정부기관·공식 문서·전문기관을 우선 찾아 출처명, 문서명, URL, 확인 날짜를 기록해줘.
6. 사실·경험·의견을 구분하고 확인되지 않은 수치와 존재하지 않는 출처는 만들지 말아줘.
7. 표, 단계, 체크리스트, 핵심 요약처럼 한 문단만 떼어도 뜻이 통하는 형식을 제안해줘.
8. 아래 자체 AI 인용 준비 점수를 계산하되 공식 평가 기준이라고 표현하지 말아줘.
   - 직접 답변 20점
   - 명확한 정의·조건 15점
   - 공식 출처 25점
   - 표·목록 구조 15점
   - 최신 날짜 10점
   - 출처 표시와 사실 구분 15점

[4단계 — 오늘 추천 3개 선정]
1. 검색 의도, 상위 글의 빈틈, 내가 더할 수 있는 경험, 공식 출처 확보 가능성을 함께 보고 3개를 골라줘.
2. 각 추천에 ‘왜 지금 쓰는지’, ‘상위 글보다 무엇을 더할지’, ‘AI 인용을 위해 무엇을 넣을지’를 한 줄씩 적어줘.
3. 바로 쓰기 어려운 키워드는 억지로 추천하지 말고 후보 또는 보류로 분류해줘.

[5단계 — 대시보드 화면]
1. 첫 화면에 오늘 추천 3개와 선정 이유를 가장 크게 보여줘.
2. 추천 카드마다 제목 2개, 네이버 상위 글 공통점, 콘텐츠 빈틈, 내 차별화, 편집 평가 점수, AI 인용 준비 점수를 표시해줘.
3. 추천 카드 아래에 답변형 첫 문장, 질문형 H2, 필요한 공식 출처를 보여줘.
4. 나머지 9개는 ‘지금 쓰기 / 후보 / 보류’ 상태와 함께 간결한 카드로 정리해줘.
5. 조사하지 못한 값은 ‘확인 필요’, 출처가 없는 값은 ‘출처 필요’라고 명확히 표시해줘.

[디자인과 기술 조건]
- 배경은 밝은 아이보리, 글자는 진한 회색, 강조색은 벽돌색으로 해줘.
- 컴퓨터에서는 3열, 작은 화면에서는 1열로 바뀌게 해줘.
- 외부 라이브러리 없이 HTML 안에 CSS와 JavaScript를 모두 넣어줘.
- 긴 분석은 접기/펼치기로 숨겨 첫 화면이 복잡하지 않게 해줘.
- 가로 스크롤, 글자 잘림, 카드 겹침이 없도록 브라우저에서 확인해줘.

[최종 출력]
1. 조사 결과를 구조화한 데이터
2. 실행 가능한 keyword_dashboard.html 전체 코드
3. 오늘 추천 3개와 선정 이유 요약
4. 확인하지 못한 항목과 추가로 필요한 자료 목록

설명만 하지 말고 실제 파일을 만들고 브라우저에서 열어 화면까지 검증해줘.

gpt와 대화하면 나의 관심분야를 정했습니다

> 집중할 관심 분야 3개는 무엇인가요? 부동산 경매, 내 집 마련, 돈·노후·재테크

> 대시보드의 주된 목적은 무엇인가요? 콘텐츠 주제 관리

> 관리할 콘텐츠 대상은 누구인가요? 4050 재테크 관심자

첫번째 대쉬보드

한국사이트 스크린샷
한국어 메뉴 스크린샷
한국어 웹사이트 스크린샷

유튜브 대쉬보드로 수정해 봅니다

한국 TV 웹사이트의 스크린샷
한국어 웹사이트의 스크린샷
한국어 앱 스크린샷
한국어 웹사이트 스크린샷

이상적인 대시모드를 디자인하는 것까지 완료

결과와 배운 점

몇개월 쉬었더니 갈길이 바쁩니다.

제대로 된 에이전트를 만들어야 하고, 대시보드 안에서 움직이게 하고 싶어요.

플라우드에 올려진 수많은 파일과 옵시디언을 연동해서 에이전트화하면 데이터가 정돈될거예요

천천히 따라가보겠습니다.

1개의 답글
밀어주고 끌어주는

온·오프라인 AI 스터디

AI로 어디까지 할 수 있는지
직접 확인하실 분만 신청하세요.