AI비서 대시보드 실습 프롬프트
2026-02-14
3 min read
479 words
🚀 AI 비서 대시보드 만들기 - 실습 프롬프트
📺 "배움의 달인" 유튜브 영상용 실습 자료
🎯 이 프롬프트를 AI 비서에게 보내면 대시보드를 만들어줍니다!
📋 기본 프롬프트 (복사해서 사용하세요!)
🔥 Step 1: 프로젝트 생성
나만의 개인 대시보드 웹앱을 만들어줘.
기술 스택:
- Next.js 14+ (App Router)
- TypeScript
- Tailwind CSS
- shadcn/ui 컴포넌트
기본 기능:
1. 다크 테마 기본
2. 현재 시간 실시간 표시
3. 반응형 (모바일 지원)
4. 카드 기반 레이아웃
프로젝트 이름: my-dashboard
위치: ~/Projects/my-dashboard
먼저 프로젝트를 생성하고 기본 UI를 만들어줘.
🔥 Step 2: BTC 위젯 추가
대시보드에 비트코인 실시간 가격 위젯을 추가해줘.
요구사항:
- 업비트 API 사용 (KRW-BTC)
- 현재가, 24시간 변동률, 고가/저가 표시
- 30초마다 자동 갱신
- 상승은 초록색, 하락은 빨간색
/api/btc 엔드포인트도 만들어줘.
🔥 Step 3: 할일/리마인더 위젯
대시보드에 할일 위젯을 추가해줘.
요구사항:
- 간단한 할일 목록 표시
- 체크박스로 완료 표시
- 최대 10개까지 표시
- 깔끔한 리스트 UI
데이터는 일단 하드코딩된 샘플로 해도 돼.
나중에 실제 데이터 연결할게.
🔥 Step 4: 차트 추가 (선택)
BTC 위젯에 가격 차트를 추가해줘.
요구사항:
- recharts 라이브러리 사용
- 최근 30일 일봉 데이터
- 라인 차트
- 이동평균선 (MA5, MA20)
/api/btc/candles 엔드포인트도 만들어줘.
🔥 Step 5: 서버 영구 실행
대시보드 서버를 PM2로 영구 실행되게 설정해줘.
요구사항:
1. PM2 설치 (없으면)
2. ecosystem.config.js 생성
3. 프로덕션 빌드
4. PM2로 시작
5. 부팅 시 자동 시작 설정 안내
외부 접속 가능하도록 0.0.0.0으로 실행해줘.
🔥 Step 6: 모바일 앱처럼 (PWA)
대시보드를 PWA로 만들어서 핸드폰 홈화면에 추가할 수 있게 해줘.
요구사항:
1. manifest.json 생성
2. 앱 아이콘 (간단한 SVG로)
3. 메타 태그 설정
4. 홈화면 추가 방법 안내
🎨 커스터마이징 프롬프트 (원하는 것만 선택!)
날씨 위젯
대시보드에 현재 날씨 위젯을 추가해줘.
Open-Meteo API 사용 (무료, API 키 불필요).
서울 날씨로 설정.
온도, 날씨 상태, 아이콘 표시.
뉴스 피드
대시보드에 AI/기술 뉴스 피드를 추가해줘.
최근 5개 기사만 제목과 날짜 표시.
클릭하면 새 탭에서 열리게.
다크/라이트 모드 토글
대시보드에 다크모드/라이트모드 전환 버튼을 추가해줘.
헤더 오른쪽에 토글 버튼.
선택한 테마는 localStorage에 저장.
칸반보드 (작업 기록)
대시보드에 간단한 칸반보드를 추가해줘.
"할 일", "진행중", "완료" 3개 컬럼.
카드 드래그앤드롭은 안 해도 돼.
깔끔하게 표시만 되면 OK.
메시지 전송 기능
대시보드에서 AI 비서에게 메시지 보내는 기능 추가해줘.
텍스트 입력창 + 전송 버튼.
빠른 명령어 버튼도 몇 개 추가 (예: "오늘 일정", "날씨").
⚠️ 주의사항
-
AI 비서가 필요해요
- OpenClaw, Claude, ChatGPT 등
- 코드 실행 권한이 있어야 함
-
Node.js 설치 필요
# Mac brew install node # Windows # nodejs.org에서 다운로드 -
시간이 좀 걸려요
- 처음 설정: 30분~1시간
- AI가 작업하는 동안 기다려주세요
-
에러가 나면?
- AI에게 에러 메시지를 보여주세요
- "이런 에러가 났어. 고쳐줘"라고 하면 됨
🎯 완성되면 이렇게 됩니다!
✅ 개인 대시보드 웹앱
✅ 실시간 BTC 가격
✅ 할일 관리
✅ 핸드폰에서 앱처럼 사용
✅ 어디서든 접속 가능
💬 질문이 있으시면?
- 유튜브 댓글에 남겨주세요!
- 배움의 달인 커뮤니티에서 질문해주세요
구독! 좋아요! 알림설정! Hype 부탁드려요~ 🙏
🎓 더 많은 학습 자료와 소통
📺 배움의 달인 유튜브
- 최신 AI 트렌드와 실무 팁 제공
💬 오픈채팅방
- AI 활용 경험 공유 질의응답
-
- 🔗 오픈채팅방 참여하기 함께 성장하는 공동체에 참여해보세요! 🚀