나만의 업무 자동화 현황 대시보드 만들기

업무 자동화 대시보드 소개

23기 자동화 오프모임에 참석하지 못해서 나중에서야 1차 과제를 마치고 이제는 내가 하고 있는 일들에 대한 대시보드를 만들었습니다

업무 자동화 대시보드 진행 방법

ㅇ 실습 자료를 통해 Claude Code로 웹앱을 GitHub → Vercel → Supabase까지 연결하는 것을 배움

ㅇ 이것을 이제 내가 하고 있는 일들을 한 눈에 볼 수 있고 가능하면 추가적인 개발이나 진행까지도 대시보드에서 실행할 수 있으면 좋겠다 생각하고 진행했습니다.

ㅇ 목표

  • 내가하고 있는 AI와 관련된 일들을 한 눈에 볼 수 있게 하자

  • 자동화 운영중인 것과 진행중인 것 그리고 앞으로 할 것을 구분하고

  • 그 프로젝트 별로 진행율 등을 표시

  • 상세페이지를 만들어 진행율을 자동으로 수정할 수 있는 기반 만듦

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

  • Next.js(App Router) + Supabase(인증/DB/RLS) + Vercel(배포) + GitHub(버전관리), 전부 Claude Code 대화만으로 진행

  • 아름 아름 배운 llm-wiki와 qmd까지 설치하였고 보안을 위해 로그인 화면도 만들어서 서브도메인에 등록

업무자동화 현황 대시보드 모습

한국사이트 스크린샷

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

ㅇ UI가 내가 생각한 대로 만들어지지 않아 마음에 흡족한 상태는 아님. 디자인을 세련되게 만들 수 있게 더 진솔한(?) 대화를 해야하는데 일단 여기까지만 진행한 상태임

ㅇ 혹시 휼륭한 디자인 제작 노하우가 있으면 도움이 필요합니다

ㅇ 앞으로 각 프로젝트별로 진정한 자동화를 하나하나 시도할 계획입니다

도움 받은 자료

내 업무 자동화 AI팀 만들기 스터디장님의 강의자료가 도움이 되었습니다 ㅎㅎ

1
1개의 답글
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 아침,
읽고 바로 써먹을 AI 소식만