입문자도 가능한 찐- 실전 워크샵 클로드코드로 사이트부터 어드민, 깃헙까지!

지난 회차 워크숍 참여자들의 찐 후기

지난 클로드 코드 입문자 편
참여자들의 실제 후기

지난 회차 참여자분들이 직접 보내주신 후기를 수정 없이 담았어요.

✔️ 다시보기 VOD ✔️ AI 요약 노트

지난 기수 참여자들이
직접 만든 결과물

포트폴리오, 진단 도구, 모임 사이트, 신청 페이지까지. 지난 워크샵 참여자들이 각자의 사이트를 만들고 배포까지 마쳤어요.

사이트부터 어드민, 깃허브까지
다루는 찐- 실전 워크샵

지난 워크샵 참여자 만족도 반응 최고,
젬마가 진행하는 워크샵이 다른 이유!

이번 워크숍은 단순 구현에서 끝내지 않습니다.

따라 하면 결과물은 나와요. 그런데 거기서 끝나면
두 번째 혼자서 만드는 프로젝트에서 반드시 막힙니다.

계정이 바뀌었는데 왜 폴더가 그대로인지,
어제 만든 걸로 어떻게 되돌리는지 모르니까요.

그래서 로컬이 뭔지, 배포가 뭔지, 개념부터 잡고 갑니다.
깃허브도 설명만 듣는 게 아니라
커밋, 브랜치, PR, 머지까지 참여자끼리 직접 주고받아 봅니다.

팀으로 일하시는 분이라면 이 경험이 반드시 필요해요.

이번 워크샵은 개념부터 실습, 배포까지
같이 끝내는 찐 실전 워크샵입니다.

입문자분들을 위한 안내

코딩 한 줄 쓰지 않아도
클로드 앱으로 전부 가능합니다

시작 전에 이번 워크숍에서 다루는 것과 다루지 않는 것을 먼저 알려드려요.

그런데, 바이브 코딩이
대체 뭔가요?

"재밌어 보이는데, 나는 너무 초보라서 못 따라갈 것 같아."

"다들 뭘 만들고 있던데, 나는 시작점을 모르겠어."

"바이브 코딩이라는 말부터 무슨 뜻인지 모르겠어."

코드를 몰라도, AI와 대화하면서 만드는 것. 그게 바이브 코딩이에요.

예전에는 웹사이트 하나 만들려면 개발 언어를 배우거나, 개발자를 구하거나, 외주를 줘야 했죠. 지금은 다릅니다.

"신청받는 페이지를 만들고 싶어. 이름이랑 연락처를 받고, 신청하면 저장되게 해줘."

"네, 신청 폼과 저장 기능을 만들었어요. 확인해보시겠어요?"

이렇게 말로 하면 됩니다. AI가 코드를 쓰고, 나는 결과를 보고 고쳐 달라고 말해요. 잘못 나오면 다시 말하면 되고요. 이 왕복이 바이브 코딩입니다.

첫 도구는 클로드 코드입니다

바이브 코딩을 하려면 도구가 필요한데, 이번 워크숍에서는 클로드 코드(Claude Code)를 씁니다. 오프닝에 다 같이 설치하고, 다 같이 첫 실행을 해요. 그리고 바로 첫 페이지 하나를 인터넷에 올려봅니다. "내가 방금 이걸 만들었다고?"를 첫 시간에 경험하고 가시는 거예요.

이런 걱정, 안 하셔도 됩니다

비개발자도 가능! 클로드코드 처음 사용해보시는 분들도 가능합니다!

이름만 들어본 깃허브,
개념부터 잡고 직접 씁니다

만든 걸 내 컴퓨터에만 두면 나만 볼 수 있고, 컴퓨터가 바뀌면 사라져요.
깃허브에 올려야 남에게 보여줄 수 있고, 어제 만든 것으로 되돌릴 수도 있습니다.
여기를 건너뛰면 나중에 반드시 막히는 자리라, 이번에도 한 교시를 통째로 씁니다.

바이브 코딩의 핵심,
스킬(Skill)

바이브 코딩을 하다 보면 같은 설명을 매번 반복하게 돼요.
우리 브랜드 톤은 이렇고, 결과물은 이런 형식으로 달라고요.

스킬은 반복되는 작업 패턴을
매뉴얼로 만든 것입니다.

한번 등록하면 Claude가 관련 상황에서 알아서 꺼내 쓰기도 하고
명령어로 소환해서 사용하기도 합니다.

워크샵 참여시,
직접 만들 수 있는 것

듣고 끝나는 게 아니라, 손에 남습니다

바로 배포 가능한 사이트

클로드 코드로 전체 기획(PRD)부터 구현, 링크로 접근 가능한 배포까지 하루 안에 끝냅니다.

필요한 기능은 물론, 레퍼런스 이미지를 분석해 디자인 시스템을 문서로 정리하고 그 기준대로 디자인까지 직접 바꿔요.

신청받고 관리하는 어드민

들어온 신청과 문의를 한 화면에서 확인하고, 상태를 바꾸고, 필요한 내용은 바로 고칩니다.

내용을 손볼 때마다 코드를 다시 열지 않아도 되게, 관리자 페이지를 따로 붙여 둡니다.

내 작업이 쌓이는 깃허브 저장소

오늘 만든 게 기록으로 남아, 잘못되면 어제 상태로 되돌릴 수 있습니다.

커밋부터 브랜치, PR, 머지까지 참여자끼리 한 저장소에서 직접 주고받아 봅니다.

타임라인

배운 걸 바로 만들어보는 실습형으로 진행됩니다 (점심시간 1시간 포함)

중간에 휴식 시간이 있습니다. 이기적워크숍은 배운 내용을 바로 활용해 만들고, 이걸 서로 공유하며 다양한 유즈케이스까지 함께 보는 자리예요. 그래서 진행 상황에 따라 시간은 유동적으로 조정될 수 있습니다.

이론이 아니라 AI를 비즈니스에
'쓸모 있게' 쓰는 법을 알려드려요

참여 전 확인해주세요

🔧 당일 사용 도구

메인  클로드 코드 데스크톱 앱 · 채팅창처럼 생긴 오늘의 주력 도구

필수  깃허브 · 내 작업물이 쌓이는 저장소

필수  Supabase · 신청 데이터가 쌓이는 곳

추천  클로드 맥스(Max) 플랜 · 6시간 내내 끊김 없이 쓰시려면 맥스 플랜을 추천드려요

자세한 내용은 운영 오픈카톡방에서 안내드려요.

📌 사전 준비

계정 가입, 앱 설치, 당일에 쓸 준비물까지. 신청하시면 운영 단톡방에서 상세히 안내드려요.

이런 분들에게 추천드려요

하나라도 해당된다면, 이번 워크샵이 딱 맞아요.

참여 혜택

신청만 해도

워크숍 다시보기 VOD

6시간 전체를 다시 볼 수 있어요. 당일에 놓치신 구간만 골라서 확인하시면 됩니다.

진짜 학습 가능한 AI 요약 노트

워크숍 내용을 다양한 자료로 정리한 요약 노트를 공유드려요. 당일에 손이 안 따라줬던 부분을 혼자서도 다시 익히실 수 있습니다.

바이브코딩으로 만든 사이트, 보안 전체 점검 스킬

내가 만든 사이트의 보안을 스킬 하나로 전체 점검할 수 있어요. 젬마가 직접 만든 이 스킬을 참여자 전원에게 드리고, 당일 사용법까지 함께 알려드려요.

ⓒ 셀피쉬클럽 · 해당 워크숍 커리큘럼은 셀피쉬클럽에서 자체 개발한 커리큘럼으로, 외부 도용이나 상업적 이용을 금지합니다.