AI 웹앱 빌더 워크숍
교육 운영, 조직문화 캠페인, 팀 회고 업무를
직접 웹앱으로 구현해보는 프로젝트형 실습
Claude Code와 사전 템플릿을 활용해
반복되는 업무를 직접 설계하고 웹앱으로 구현해보는 실습 과정입니다.
코딩 경험이 없어도 AI와 바이브코딩을 활용해
교육 신청, 조직문화 캠페인, 팀 회고 관리 등
HRD·조직문화 업무에 바로 적용해볼 수 있는
업무앱 초기 버전을 직접 만들어볼 수 있습니다.
예를 들어 다음과 같은 HR 웹앱을 만들 수 있습니다.
세 가지 실습 주제는 동일한 공통 템플릿을 기반으로 진행됩니다.
수업에서는 공통 구조를 함께 만들고, 각자의 업무에 맞게 항목과 문구, AI 기능을 바꿔 완성합니다.
이런 분께 추천합니다
HR 직무자가 아니어도 괜찮습니다.
교육, 워크숍, 커뮤니티, 캠페인, 팀 운영처럼 반복되는 업무를 직접 웹앱으로 바꿔보고 싶은 분이라면 참여하실 수 있습니다.
수강 후 가져가는 것
Reference Cases
아래 사례는 HR/조직문화 업무에 활용 가능한 웹앱 예시입니다.
일부 사례는 기존 제작 예시이며, 이번 과정에서는 이 구조를 바탕으로
교육 운영 / 조직문화 캠페인 / 팀 회고 앱 중 하나를 완성합니다.
참여자가 경험하는 HR 바이브코딩의 가치
실무 적용성과 결과물 중심으로 설계한 핵심 학습 포인트입니다.
코딩 없이 구현
비전공자도 Claude Code와 실습 템플릿의 도움으로 복잡한 HR 업무 흐름을 하루 안에 직접 웹앱으로 구현해봅니다.
실무 즉시 적용
단순한 예제가 아니라, 교육 운영·캠페인·팀 회고 등 현업에서 바로 써볼 수 있는 나만의 도구를 완성합니다.
성취감과 자신감
막연했던 아이디어가 실제 작동하는 시스템이 되는 과정을 통해 AI 시대의 업무 설계 역량과 디지털 자신감을 높입니다.
확장 가능한 설계
기본 기능을 넘어 이후 필요한 기능을 추가하고 내 조직에 맞게 발전시킬 수 있는 구조를 함께 익힙니다.
Curriculum
아이디어를 HR 업무앱으로 바꾸는 사고
반복되는 HR 업무를 구현 가능한 구조로 정리합니다
교육 신청, 조직문화 캠페인, 팀 회고처럼 반복되는 업무를 어떤 흐름으로 운영할지 먼저 정리합니다. 누가 입력하고, 관리자는 무엇을 보고, AI는 어디를 도와줄지를 구체화하며 막연한 아이디어를 실제 구현 가능한 웹앱 기획으로 바꾸는 첫 단계입니다.
웹앱 구조와 사용자 흐름 설계
입력폼, 관리자 화면, 대시보드 구조를 설계합니다
웹앱은 디자인보다 먼저 흐름과 구조가 중요합니다. 사용자가 어떤 정보를 입력하고, 관리자는 어떤 내용을 확인하며, 어떤 결과가 대시보드에 보여야 하는지를 정리합니다. 이 과정을 통해 아이디어를 실무에서 쓸 수 있는 설계안으로 바꾸게 됩니다.
초보자를 위한 웹앱 동작 원리 이해
Claude Code와 공통 템플릿으로 기본 구조를 이해합니다
비개발자라도 웹앱이 어떤 방식으로 동작하는지는 알아야 합니다. 사전 제공 템플릿과 Claude Code를 활용해 입력, 저장, 목록, 상태 관리, 요약 기능이 어떻게 연결되는지 쉽게 익힙니다. 이 단계에서는 코드를 깊게 배우기보다, AI와 함께 수정하고 구현하는 방식을 이해합니다.
AI와 함께 직접 구현하는 HR 웹앱 빌드
선택한 주제를 실제 작동하는 결과물로 만들어봅니다
공통 실습 예제를 기반으로 입력 폼, 관리자 목록, 상태값, AI 요약 기능, 결과 화면을 직접 구현합니다. 이후 교육 운영, 조직문화 캠페인, 팀 회고 관리 중 하나의 주제에 맞게 항목과 문구를 바꾸며, 내 업무에 적용 가능한 HR 웹앱 초기 버전으로 완성합니다.
수정, 보완, 실제 적용까지 연결하는 프로젝트 마무리
업무 적용 계획과 사후 Q&A까지 연결합니다
완성한 웹앱을 점검하고, 실제 업무에 적용하려면 어떤 부분을 더 보완해야 하는지 정리합니다. 수업 후에는 개인별 일정 조율을 통해 약 3시간의 사후 Q&A 미팅을 진행하며, 앱 수정, 오류 점검, 활용 방향, 확장 아이디어까지 후속 지원합니다.
진행 일정
6월 8일(월)
10:00 ~ 18:00 (7시간)
Claude Code와 사전 템플릿을 활용해
HR 운영 웹앱 초기 버전을 직접 만들어보는
집중 실습 과정입니다.
Google Stitch + Claude Code + Firebase 활용
6월 15일(월)
10:00 ~ 18:00 (7시간)
Claude Code와 사전 템플릿을 활용해
HR 운영 웹앱 초기 버전을 직접 만들어보는
집중 실습 과정입니다.
Google Stitch + Claude Code + Firebase 활용
실습 전 온라인 오리엔테이션을 통해 기초 개념 및 세팅 환경을 점검합니다.
실습 후 개인별 일정 조율을 통해 약 3시간의 사후 Q&A 미팅을 진행합니다.
Facilitator
- DK Culture Lab 이동관 대표
장소
- 서울시 구로구 디지털로26길 43,
대륭포스트타워 8차 L동 210호, 네오아이즈
제공 목록
- 중식 및 간식 제공
- 실습 교안 및 공통 템플릿 제공
- Claude Code 사용법 제공
- 수료증 발급 (요청 시)
- 수업 후 오픈채팅 운영 : 질의응답 및 업데이트 공유
- 사후 3시간 개별 Q&A 미팅 지원
(개인별 일정 조율 후 진행)
비용 및 입금
60만 원 VAT 포함
입금 계좌 정보
하나은행 145-910462-09807
예금주: 디케이컬처랩
모집 마감 안내
- •1차수는 5월 31일(일), 2차수는 6월 7일(일)까지 신청 가능합니다.
- •소수 인원 실습형 과정으로 정원 충원 시 조기 마감될 수 있습니다.
- •수업 전 온라인 오리엔테이션과 설치 안내가 진행되므로, 마감 이후 신청은 별도 문의 바랍니다.
안내사항
- •개인 노트북을 지참해 주세요.
- •Claude Code 사용이 가능한 Claude 유료 플랜(Pro 이상) 가입이 필요합니다.
- •ChatGPT / Gemini는 무료 계정 이상이면 참여 가능합니다.
- •구글 계정과 GitHub 계정이 필요합니다.
- •별도의 실습용 계정은 제공되지 않으며, 참가자 개인 계정으로 실습이 진행됩니다.
- •수업 전 온라인 오리엔테이션을 통해 설치 및 접속 안내를 별도로 제공드립니다.
※ Claude 무료 플랜만으로는 사용량이 부족할 수 있습니다.
실습 도구
문의
AI를 배우는 과정이 아니라,
내 업무에 남는 웹앱을 만드는 과정입니다.
교육 운영, 조직문화 캠페인, 팀 회고 관리까지
반복되는 업무를 직접 웹앱으로 바꿔보세요.