시작, 그리고 규칙을 세우다
오늘 한 것
- 강사·멤버 소개, 임원 선출(회장 ___ · 총무 ___), 그라운드 룰 제정, 조교 황한비 지정
- 본 강의 — AI 사피엔스 시대 / 클로드 3종 / Work·Labor 사상 + 코워크·코드 첫 실습
본 강의 요약
① AI 사피엔스 시대 — 도구를 쓰는 인류에서 AI와 함께 일하는 인류로. 핵심은 무엇을 맡기고 사람은 어디에 집중하느냐.
② 클로드 3종 — 챗(대화) · 코워크(내 폴더를 통째로 함께 보며 일하기) · 코드(나만의 도구·자동화 만들기).
③ Work / Labor — Work=사고를 넓히는 일(사람이 집중) · Labor=반복되는 일(AI에게 맡김). "Labor는 AI에게, 사람은 Work에 집중한다" — 이 과정 전체를 관통하는 한 줄.
그라운드 룰 (함께 정한 약속)
| 항목 | 정의 | 벌금 |
|---|---|---|
| 지각 | 07:00 이후 입실 | 3만원 |
| 과제 미제출 | 기한 내 미제출 | 3만원 |
| 결석 | 사전 공유 없는 불참 (공무 제외) | 5만원 |
벌주려는 게 아니라, 서로의 시간을 지키자는 약속입니다.
핵심 — 어제 배운 코워크를, 예시를 따라 직접 손에 익히는 과제입니다. 읽기만 하면 안 늘고, 한 번 해보면 내 것이 됩니다.
1. 왜 이 과제인가
1회차에서 우리는 Work(생각을 넓히는 일)와 Labor(반복되는 일)를 나눴습니다. 이번 과제는 클로드 코워크를 직접 켜서, 내 폴더를 보여주고 일을 시켜보는 첫 경험을 만드는 것입니다. 어렵지 않습니다 — 준비된 예시를 복사해 그대로 따라 하면 됩니다.
2. 실습 자료 — '클로드 한 권 + 실습' 페이지
어제 나눠드린 클로드안내실습 페이지를 엽니다. 각 실습마다 복사 버튼이 있어, 누르면 그대로 클로드에 붙여 넣을 수 있습니다.
자료 위치 — 폴더: 안성시_기업대표_AI혁신스터디 › 클로드안내실습_web › index.html (더블클릭)
🔗 인터넷 링크: 스터디 단톡방에서 조교 한비님이 공유 URL 확정 시 클릭 링크로 교체
3. 해올 것 — 5가지 실습
코워크에서 내 폴더 하나를 연결한 뒤, 아래를 차례로 해보세요. (페이지의 복사 버튼 사용)
- 코워크 워밍업 — 폴더 연결되나 확인
"지금 연결된 폴더에 어떤 파일들이 있는지 한 줄씩 요약해줘." - 내 CLAUDE.md 만들기 — '내 방식' 가르치기
메모장에 나를 소개하는 글을 적어 폴더에CLAUDE.md이름으로 저장 (페이지 예시 복사 → 내 이름·업종으로 수정). - 막연한 지시 → 좋은 지시
"보고서 써줘"가 아니라, 구성·형식·내용을 갖춘 지시로. (페이지 실습 ③ 복사) - 역할을 줘서 '생각'을 끌어내기
"너는 20년 경력 경영 컨설턴트야…"처럼 역할을 주고, 답을 먼저 주지 말고 질문하며 같이 찾게. (실습 ④) - 내 자료로 일 시키기 (가장 중요)
내 실제 업무 파일(엑셀·문서) 하나를 폴더에 넣고, 정리·분석을 시켜 새 파일로 저장받기. (실습 ⑤)
4. 제출할 것 — 짧게 3가지
거창하지 않아도 됩니다. 직접 해봤다는 증거 + 한 줄 생각이면 충분합니다.
- 실습 ⑤를 내 자료로 해본 결과 — 화면 캡처 1장 (또는 만들어진 파일)
- Work / Labor 한 줄 — "AI에게 맡길 Labor(반복일) 1개 / 내가 더 집중하고 싶은 Work(생각하는 일) 1개"
- 막혔던 점 또는 놀랐던 점 한 줄 다음 수업에서 같이 풉니다
5. 제출 방법 · 기한
| 항목 | 내용 |
|---|---|
| 어디에 | 스터디 단톡방 (캡처 + 글 한 줄) |
| 언제까지 | 다음 수업 전, 화요일 저녁 8시 |
| 미제출 시 | 그라운드 룰에 따라 벌금 3만원 (1회차에서 함께 정한 약속) |
막히면 — 혼자 오래 붙들지 말고, 클로드에게 "여기서 막혔어"라고 그대로 물어보세요. 그래도 안 되면 조교 한비님 또는 대표님께. 처음 한 번만 넘기면 됩니다.
코워크를 한 번 켜보는 그 순간부터, 일하는 방식이 달라집니다. 부담 없이, 딱 한 가지만 내 자료로 해보세요.
내 손으로 만든 작은 앱, 인터넷에 올려 카톡으로 보내기
오늘 한 문장
"코딩 한 줄 몰라도, 오늘 아침 안에 내 회사 작은 앱 하나를 직접 만들어 인터넷에 올리고 카톡으로 보낸다."
오늘 흐름 — 딱 3단계
① 만들기 (Claude Code · 코드) → ② 인터넷에 올리기 (Netlify) → ③ 카톡으로 보내기
※ 코워크보다 코드(Claude Code)가 만들 수 있는 폭이 넓어 오늘은 코드로 진행합니다. 이름은 '코드'지만 우리가 코딩하는 게 아닙니다 — 어제처럼 한국말로 시키면 클로드가 대신 코딩해 줍니다. 우리는 한국말로 부탁만 하면 됩니다.
끝나면 전원, 인터넷 주소가 있는 내 앱 링크 하나를 손에 쥡니다.
시범 — '채움'(우리가 만든 채용앱) 강사 화면 시연
공고 한 줄만 넣으면 10~20초 만에 포괄임금 금지·시간외수당 별도 같은 노무 원칙까지 들어간 채용공고가 나오는 앱.
코딩해서 만든 게 아니라, 실제 채용을 한 번 끝까지 클로드로 해보고 그걸 앱으로 굳힌 것입니다.
(아직 보완·업데이트 중이라 링크는 비공개 — 오늘은 강사 화면으로만 봅니다.)
→ 이건 "회사에 필요한 앱"의 한 예입니다(아래 과제 ②). 견적·회의록·채용처럼요. 오늘은 더 쉬운 '회사 한장 소개'부터 직접 만들어 봅니다. 채움도 처음엔 오늘 여러분이 만들 이 '한장'에서 시작했습니다.
실습 — '회사 한장 소개' 만들기
아래 프롬프트를 Claude Code(코드)에 그대로 붙여넣고, [대괄호]만 내 회사 값으로 바꾸세요. 정보가 부족하면 클로드가 "[회사명] [지역]"을 웹에서 검색해 초안을 채워 줍니다(회사소개서 파일이 있으면 폴더에 넣고 "이 파일 보고 채워줘"). 나온 전화·주소가 내 것 맞는지 꼭 눈으로 확인하고, 틀리면 "전화번호 010-XXXX로 바꿔줘"라고 말하세요.
①-0 코드 켜기 (처음이라면) — Claude 앱에서 코드(Claude Code)를 엽니다. 코워크와 달리 폴더를 먼저 고르지 않아도 됩니다. 열리면 아래 입력창에 그대로 붙여넣기만 하면 돼요. (화면은 강사가 같이 띄워 드립니다.)
너는 친절한 웹 개발자야. 코딩을 모르는 사람용으로, 파일 하나(index.html)로
끝나는 단순한 '회사 한장 소개' 웹페이지를 만들어서, 바탕화면에 '내회사앱'
폴더를 만들고 그 안에 index.html 이름으로 저장해줘.
- 회사 이름: [회사명]
- 한 줄 소개: [예: 안성에서 30년, 믿을 수 있는 ○○]
- 하는 일 3가지: [① ] [② ] [③ ]
- 전화번호: [010-0000-0000] (맨 위 '전화 걸기' 버튼, 누르면 전화 연결)
- 주소: [회사 주소] ('지도에서 보기' 버튼)
- 정보가 부족하면: "[회사명] [지역]"을 웹에서 검색해 채워줘 (회사소개서 파일이 있으면 참고)
조건: 외부 인터넷·API·서버 없이 브라우저만으로 작동. 모바일에서 보기 좋게.
한글, 큰 글자, 남색(#2B3A4E)·주황(#C67B3C)·크림(#F7F3EE) 색.
저장이 끝나면 어느 폴더에 저장했는지 경로를 알려줘.
맘에 안 들면 한국말로 그냥 "글자 더 크게", "색 바꿔줘", "버튼 하나 더"라고 다시 말하면 됩니다. 전화 걸기 버튼을 폰에서 누르면 진짜 전화가 걸립니다 — 워드 문서와 다른 점이 이겁니다. 버리는 명함이 아니라 네이버 플레이스·문자 서명·견적서 하단에 붙이는 살아있는 링크예요 — 고객이 누르면 바로 전화·지도.
인터넷에 올리기 — 5단계
화면이 전부 영어지만 글자는 안 읽어도 됩니다 — 가운데 점선 박스만 찾으면 돼요.
- Claude Code(코드)가 바탕화면 '내회사앱' 폴더에 index.html을 저장 (경로를 알려줌)
- 크롬 주소창에 app.netlify.com/drop 입력 → Enter
- 구글로 로그인 (전날 밤 해뒀으면 이미 로그인 상태)
- 가운데 점선 박스에 '내회사앱' 폴더째 끌어다 놓기 (파일 하나가 아니라 폴더 전체)
- 초록색 Published + 주소(URL) 발급 → 복사 → 폰에서 한 번 열어 확인
카톡으로 보내기
- 주소(
https://...netlify.app) 복사 → 단톡방 입력창에 붙여넣기 → 전송 - 링크는 한 줄로 단독으로 (글과 딱 붙이면 인식이 깨짐) · 미리보기 카드가 늦게 떠도 링크는 정상 작동
🔒 이 주소는 인터넷 누구나 볼 수 있습니다. 주민번호·계좌 같은 민감정보는 넣지 마세요.
실제 예 → 바오밥 AI 부서 홈페이지 · 우리가 클로드로 만든 멀티페이지 사이트입니다.
내 회사 한장 소개, 직접 만들어 인터넷에 올리기
오늘 한 그대로, 이번엔 본인 회사용으로. 회사 정보가 부족하면 웹에서 우리 회사를 검색하거나, 있으면 회사소개서 파일을 클로드(코드)에게 주고 참고하게 하세요.
- 내 앱 링크 (직접 열리는지 확인)
- 폰에서 연 화면 캡처 1장
- 한 줄 — 회사 어디에 쓸지
내 회사에 진짜 필요한 작은 앱 1개 (도전 과제)
한장 소개를 넘어, 업무에 바로 쓸 앱 하나를 골라 코드(Claude Code)로 만들어 보세요. 완성 못 해도 괜찮습니다(아래 제출 기준). 화면 안에서 끝나는 자기완결형으로 —
- 견적 계산기 — 수량·단가 넣으면 합계 자동 시공·설비·제조
- 회의록 정리 앱 — 메모 붙이면 요약·할 일로 정리 모든 업종
- 단가표 검색 — 품목 치면 가격 표시 도소매
- 일일 마감 체크리스트 — 매일 반복 점검을 화면으로 매장·서비스
뭘 만들지 안 떠오르면 — 코드에게 "내 업종은 ○○인데 매일 반복하는 일 3개를 묻고, 그중 앱으로 만들 만한 것 하나 추천해줘"라고 물어보세요. 우리 학원 채움도 이런 "필요한 앱"의 한 예입니다. (신청·예약처럼 '접수 데이터가 남아야' 하는 건 다음 회차 백엔드와 함께 — 오늘은 화면에서 끝나는 것만.)
단톡방에 (과제 ①·② 함께)
| 구분 | 내야 할 것 | 벌금 |
|---|---|---|
| ① 한장 소개 (필수) | 앱 링크 + 폰 캡처 1장 + "어디 쓸지" 한 줄 | 미제출 3만원 |
| ② 필요한 앱 (도전) | 완성 링크 또는 "시도하다 막힌 점 한 줄" — 둘 중 하나면 인정(완성은 가산점) | 없음 |
기한 다음 수업 전 화요일 저녁 8시 · 막힌 점은 다음 수업에서 같이 풉니다
막히면 혼자 붙들지 말 것 → ① 클로드(코드)에게 "이거 안 돼, 어떻게 고쳐?" → ② 한비 조교 → ③ 대표님. 끝내 안 되면 완성본 템플릿으로라도 배포·공유. 거창하지 않아도 됩니다 — 직접 해봤다는 링크 + 한 줄이면 충분합니다.