HRD×AI 라운지 · 업무 앱 바이브 코딩 03 · 업무 도구·기타

근태 일일 확인 화면

그룹웨어에서 내보낸 근태신청서 CSV를 불러와 아침마다 오늘 연차·반차·대체휴무자를 바로 보고, 미결재·반려 건은 팔로업 목록으로 챙기는 앱. HR·HRD 담당자가 Claude Code(데스크톱 앱)로 직접 만든 업무 앱 사례입니다. 요청사항 → 설계서(PRD) → 내 PC에서 만들기 → 웹앱·서버로 올리기 → 최종 점검 순서로, 장마다 부탁 문장(복사 버튼)이 있어 그대로 따라 만들 수 있습니다.

27장 · 약 23분 · Claude Code · 설계서(PRD)·가상 데이터 포함
실습 덱

바로 열어 보기

아래 화면에서 좌우 화살표로 넘길 수 있습니다. 크게 보려면 «새 창에서 열기»를 누르고 F 키(전체 화면)를 누르세요.

오늘 만드는 것

이 앱에 들어가는 기능

  • 근태 CSV 불러오기(브라우저 저장)
  • 아침 화면: 오늘 휴가자(유형별)·출근 인원
  • 11월 달력: 날짜별 휴가자 수
  • 미결재 3일 이상·반려 팔로업 목록
  • Claude Code 아침 정리·팔로업 문구 보기
이 덱 이렇게 쓰세요

설계서부터 배포까지, 순서대로

  1. 실습자료 zip을 내려받아 내 PC의 작업 폴더에 풉니다.
  2. Claude Code(데스크톱 앱)에서 그 폴더를 열고, 덱의 STEP 1~5 부탁 문장을 복사해 차례로 붙여 넣습니다.
  3. 내 PC에서 돌아가는 «로컬판»이 완성되면, 필요할 때만 웹앱·서버판(W1~W4)으로 넘어갑니다.
  4. 마지막 장의 점검표로 완료 기준을 하나씩 확인합니다.

꼭 지킬 것 실습에는 가상 데이터만 씁니다. 회사로 돌아가 실제 업무 자료로 만들 때는 개인정보·내부 자료를 외부에 올리지 말고, 서버·클라우드에 올리기 전에 사내 IT·보안 담당과 먼저 상의하세요(덱 안에 IT 요청서 양식이 있습니다).

실습 자료

설계서·가상 데이터 내려받기

모두 교육용 가상 자료이고 실제 회사·인물·수치와 무관합니다. 처음에는 실습자료 zip 하나만 받으면 됩니다.

시리즈

업무 앱 바이브 코딩 · 17편

  1. 01교육 프로그램 모듈 아카이브
  2. 02신입 매니저 1년 온보딩·OJT 관리
  3. 03근태 일일 확인 화면
  4. 04정산서 자동 작성 앱
  5. 05주간 업무보고 자동 취합
  6. 06승강기 설치 공정 게임
  7. 07교육 이수 현황 공유
  8. 08직무 위키·개념 연결 도우미
  9. 09계열사↔호텔 원스톱 예약 앱
  10. 10신입매니저 입문과정 포털
  11. 11면접 시간표 자동 편성 앱
  12. 12고객사 매출·원가 장부
  13. 13설문 결과 보고서 자동화
  14. 14교육 운영 대시보드
  15. 15교육 신청·만족도 프로세스 앱
  16. 16그룹교육 온라인 강의 플랫폼
  17. 17차량 운행일지·주유 정산 자동화
HRD×AI 라운지 업무 앱 바이브 코딩 03 · 근태 일일 확인 화면
JJ Creative 교육연구소 · 전재현 소장
jjh@jjcreative.co.kr · 010-8448-2354 · jjcreative.co.kr/lounge
덱 안의 자료·수치는 모두 교육용 가상 자료입니다.
이 과정을 우리 회사에서 진행하고 싶으시면 문의해 주세요.