03. 바이브코딩 간단 실습

교시
3교시
선택
완료
시간
11:00~11:50
회차
1회차
⏰
3교시 · 11:00~11:50 끝나면 점심입니다. 13:00에 4교시를 시작합니다.

말로 시키고 결과물을 받는 첫 실습

🚀
이제 Claude Code를 직접 사용할 차례입니다. 아래 실습을 순서대로 진행해주세요.

1. 실습 목록

1️⃣
파일 생성 & 변경하기 "test 폴더를 만들고 그 안에 임의의 엑셀파일 3개를 만들어줘. 그리고 각 파일에 임의의 내용을 넣어줘."
2️⃣
직무별 실습 - 엑셀 파일 다루기
📁 직무 데이터 받기 : 구글 드라이브 (링크) · 직무 폴더 11개 중 내 직무 폴더를 열고, 내 부서 파일 하나를 받아 서울_바이브코딩 폴더에 넣어주세요. 내 부서가 표에 없으면 가장 가까운 부서 파일을 고릅니다.
🎯 무엇을 하나요 : 내 직무 엑셀을 클로드 코드가 읽고, 내 직무 대시보드(HTML 파일 하나) 를 만듭니다. 이 대시보드를 바로 아래 스몰 프로젝트에서 고도화합니다.
직무 폴더
부서
파일 (뒤에 _2025_(더미).xlsx)
만들 대시보드
01 선사영업
수출영업2팀
수출영업2팀_부킹내역
루프 · 화주별 수출 부킹 현황판
수입영업1팀
수입영업1팀_수입화물도착내역
수입 화물 도착 · D/O 발급 현황판
일본영업팀 · 일본영업2팀
일본영업팀_한일항로부킹내역
한일 항로 부킹 · 운임 현황판
중국영업팀
중국영업팀_한중항로부킹내역
한중 항로 부킹 · 운임 현황판
러시아영업팀
러시아영업팀_러시아항로부킹내역
러시아 항로 부킹 · 운임 현황판
02 고객지원
고객지원팀
고객지원팀_문의처리내역
문의 유형별 처리 현황판
03 운항
운항팀 · 운항1팀 · 운항2팀
운항팀_항차운항실적
항차별 정시 운항 · 소석률 현황판
04 컨테이너장비
장비팀
장비팀_컨테이너수리내역
데포별 컨테이너 수리비 · 체류일 현황판
컨테이너관리팀
컨테이너관리팀_컨테이너수급내역
지역별 공컨테이너 재고 · 재배치 현황판
05 선사지점
인천사무소 (선사)
인천사무소(선사)_선적마감내역
항차별 반입률 · 마감 현황판
평택사무소 (선사)
평택사무소(선사)_선적마감내역
항차별 반입률 · 마감 현황판
06 경영관리
기획팀
기획팀_항로별손익내역
항로별 월 물량 · 매출 · 이익률 현황판
자금팀
자금팀_입출금내역
통화 · 계정별 입출금 현황판
총무팀
총무팀_구매자산관리내역
구매 · 자산 요청 처리 현황판
회계팀 (선사)
회계팀(선사)_운임청구미수금내역
화주별 미수금 현황판
회계팀 (물류)
회계팀(물류)_매출청구미수금내역
거래처별 매출 청구 · 미수금 현황판
경영지원팀 · 경영지원부 · 관리팀
경영지원팀_부서경비집행내역
부서 · 비목별 예산 대비 집행 현황판
07 물류영업
영업1팀
영업1팀_화주견적내역
운송 구분별 견적 · 수주율 현황판
영업2팀
영업2팀_화주견적내역
운송 구분별 견적 · 수주율 현황판
08 물류센터
창고팀
창고팀_물류센터입출고내역
화주 · 화물별 입출고 · 보관 현황판
의왕사무소
의왕사무소_물류센터입출고내역
의왕 센터 입출고 현황판
인천사무소 (물류)
인천사무소(물류)_물류센터입출고내역
인천 센터 입출고 현황판
평택사무소 (물류)
평택사무소(물류)_물류센터입출고내역
평택 센터 입출고 현황판
09 운송
운송팀
운송팀_운송오더내역
구간 · 차량별 운송 오더 현황판
10 포워딩
항공사업부
항공사업부_항공화물내역
지역 · 품목별 항공 화물 운임 현황판
해운사업부
해운사업부_해상포워딩선적내역
항로 · 운송형태별 포워딩 이익 현황판
업무팀
업무팀_업무처리내역
업무 유형별 처리 현황판
11 선박관리
탱커관리1팀 · 탱커관리2팀
탱커관리팀_선박정비검사내역
선박별 정비 · 검사 비용 현황판
컨테이너관리2팀
컨테이너관리2팀_선박정비내역
선박별 정비 · 정박 지연 현황판
해사기술팀
해사기술팀_선박검사지적내역
점검 구분 · 항구별 지적 현황판
① 엑셀 살펴보기 : [파일 이름]에 받은 파일 이름을 그대로 넣습니다 (예 : 고객지원팀_문의처리내역_2025_(더미)).
Plain Text
이 폴더의 [파일 이름].xlsx 를 열어서
어떤 항목(열)이 있고 데이터가 몇 건인지 표로 요약해줘.
이 데이터로 알 수 있는 것 3가지도 알려줘.
② 대시보드 만들기 : [만들 대시보드]는 위 표에서 내 직무 것을 넣습니다.
Plain Text
이 엑셀 데이터로 [만들 대시보드 내용 추가]를 HTML 파일 하나로 만들어줘.
- 맨 위에 핵심 숫자 3개
- 그 아래 그래프 2개
- 맨 아래 상세 표 1개
다 만들면 파일 경로를 알려주고 직접 열어줘.
③ 열어 보기 : VS Code 왼쪽 탐색기에서 HTML 파일을 찾아 더블클릭하거나, 파일 탐색기에서 더블클릭해 브라우저로 엽니다.
✅ 클리어 조건 : 내 직무 엑셀의 숫자가 들어간 대시보드가 브라우저에서 열린다
아래와 같이 줄이 요약되서 보이는 경우 control + v 를 2번 눌러주세요
notion image
그럼 아래와 같이 전체 내용을 확인할 수 있습니다
notion image
 

2. ⭐️ 스몰 프로젝트 ⭐️

🌱
방금 만든 내 대시보드 ‘고도화’하기 (15분)
앞서 직무별 실습에서 본인 직무 데이터로 만든 대시보드를 그대로 두고, 이번엔 스스로 한 가지를 더 요청해보세요.
"한 줄 지시 → 결과 확인 → 마음에 안 들면 다시 요청" 이러한 AI와의 협업을 혼자 해보시는 것이 이 실습의 핵심입니다.
<예시>
  • "OOO을 볼 수 있는 필터를 더 추가해줘"
  • "표를 막대 차트로 바꿔줘"
  • "OO버튼/기능을 추가해줘"
  • "OOO을 위한 예측 모델을 만들어봐"
  • 한 번에 하나씩, 결과를 눈으로 확인하고 다음 요청으로
  • 결과물을 보고 더 개선할 부분이 있으면 5가지 이내로 제안해줘 ← 이렇게 클로드에게 의견을 물어볼 수도 있습니다
✅ 클리어 조건 : 직무별 실습에서 만든 대시보드에 내가 스스로 요청한 변경이 1가지 이상 반영
💡 막히신다면, 원하는 결과를 더 구체적으로 다시 질문/지시해주세요.
python --version node -v git --version claude --version
이 내용 제대로 설치되어있는지 확인해주고 안된게 있으면 너가 직접 설치해줘
그리고 앞으로 모든 답변은 쉽고 직관적으로 두괄식으로 답변해주고 핵심만 간단하게 답변할수있도록 해줘