AI Workshop · Opa
코딩을 몰라도,
3시간이면 내 웹사이트가 생겨요
AI로 만드는 나만의 첫 웹사이트. 개발을 배운 적 없는 직장인 오파가 AI와 대화하며 직접 만들어 온 방식 그대로, 1:1로 또는 친구와 둘이 함께 만들어요.
For you
이런 분께 맞아요
After 3 hours
3시간 뒤, 이렇게 달라져요
Portfolio · Opa
개발을 배운 적 없는
직장인이 말로 만든 것들
회사에서 오랫동안 숫자와 데이터를 보는 일을 해 왔고, 개발을 전공한 적은 없습니다. 생활과 일에서 불편한 것이 보이면 AI에게 설명하고, 결과를 보고, 다시 말하면서 직접 만들어 씁니다.
01 / 04
Challenge Libre
북클럽 독서 인증 커뮤니티 · 첫 프로젝트
- 불편함
- 북클럽의 매일 독서 인증을 구글 스프레드시트로 하고 있었습니다.
- 만든 것
- 매일 독서를 인증하고 서로의 기록을 읽는 북클럽 사이트. 휴대폰 홈 화면에 앱처럼 설치해 씁니다.
- 지금
- 지금도 회원들이 매일 쓰고 있습니다.
02 / 04
Nogue
주얼리 쇼핑몰 · 두 번째 프로젝트
- 도전
- 첫 프로젝트가 운영 도구였다면, 두 번째는 보여 주는 화면이 중요한 쇼핑몰이었습니다.
- 만든 것
- 신상품 소개, 상품 목록, 상품 상세까지 이어지는 주얼리 쇼핑몰 화면. 사진이 주인공이 되도록 여백과 글씨를 덜어 냈습니다.
* 영상 속 상품과 이미지는 연습용으로 만든 가상 화면이며, 실제로 판매하는 상품이 아닙니다.
03 / 04
Perfect day
디저트 브랜드 "완벽한 하루" 사이트 · 다른 사람의 비즈니스
- 시작
- HTML 초기 기획부터 함께 잡았습니다. 내 프로젝트가 아니라 다른 사람의 사업을 사이트로 옮긴 첫 작업입니다.
- 수정
- 대표님이 보낸 수정 요청(제품 설명, 기프트 세트 구성, 수량 입력, 교환·환불 안내 등)을 그대로 AI에게 넣고 고쳐서 돌려드렸습니다.
- 지금
- 코딩을 전혀 모르던 대표님이 직접 수정하고, 저는 배포만 합니다. 노트북 준비 8단계를 체크리스트로 만들어 작업실째 넘겨 드렸습니다.
04 / 04
Memo App
보리노트 · 내가 쓰고 싶어서 만든 메모 앱
- 시작
- 거창한 아이디어가 없었습니다. 날짜별로 할 일을 적고 하나씩 지워 가는, 내가 매일 쓰고 싶은 메모 앱이 필요했습니다.
- 만든 것
- 날짜별 할 일 목록과 우선순위 보기. 앱에 쓰는 스티커 그림도 AI에게 부탁해 만들었고, 휴대폰 홈 화면에 앱처럼 설치해 씁니다.
- 다음
- 한 번 결제하고 광고 없이 쓰는 앱으로 내놓을 준비를 하고 있습니다.
How I make
완벽한 질문 한 번이 아니라,
수백 번의 "여기 좀 이상해"
- 불편함을 말로 설명합니다"회원이 들어오면 이게 먼저 보여야 하지 않아?" 평소 말투 그대로 AI에게 말합니다.
- 결과를 직접 눌러 봅니다휴대폰으로 써 보고, 아쉬운 곳을 찾습니다. 침대에 누워서도, 걸어가면서도 합니다.
- 다시 말합니다"여기만 바꾸고 다른 건 건드리지 마." 잘 된 부분은 지키고 한 곳씩 고칩니다.
- 숫자는 원본과 대조합니다AI는 그럴듯하게 틀립니다. 최종 판단은 언제나 사람이 합니다.
워크숍에서 함께 연습하는 것도 바로 이 방식이에요.
Also
그 밖에 만들었거나 만들고 있는 것
Curriculum
3시간, 이렇게 진행해요
AI 입문 & Claude Code 바이브 코딩 워크숍. 설명은 짧게, 대부분의 시간은 내 사이트를 직접 만들어요.
- 01AI와 Claude Code 이해15분
- 02나만의 웹사이트 기획25분
- 03Claude Code로 직접 제작75분
- —쉬는 시간10분
- 04디자인 수정, 점검, 인터넷에 올리기40분
- 05혼자서 수정하는 방법과 마무리15분
결과물은 간단한 개인 웹페이지를 기준으로 해요. 복잡한 앱이나 기능의 완성까지 약속하지는 않아요.
How to join
혼자 집중하거나, 친구와 함께
PRIVATE
1:1 개인 집중 워크숍3시간 · 내 속도에 맞춰 처음부터 끝까지TOGETHER
2:1 친구 동반 워크숍3시간 · 친구와 둘이 각자의 사이트를 만들어요토요일 오후 14:00~17:00 · 위례
일요일은 신청 후 개별 협의
Claude Pro 이상 유료 구독(수강료와 별도, 일정 확정 후 준비)
시간대마다 한 팀만 받아요. 수강료는 신청서에서 안내해요.
Voices
먼저 들어 본 분들의 이야기
너무 쉽고 재밌어서 시간 가는 줄 몰랐어요. 해 볼 만한 게 생겼어요.
저 같은 사람도 강의와 AI가 합쳐지니 이런 시도를 할 수 있게 되네요.
맘껏 기초적인 질문도 하고, 나도 할 수 있을 것 같다는 자신감이 들었어요.
실생활에서 어떻게 이용하면 될지 떠먹여 주신 것 같아 너무 좋았어요.
저도 집에 오자마자 컴퓨터 열었습니다.
듣는 내내 "나도 이렇게 해 봐야겠다" 하며 의지 불끈이었어요.
FAQ
자주 묻는 질문
코딩을 하나도 몰라도 되나요?
네. 코드를 외우거나 문법을 배우는 시간이 아니에요. 만들고 싶은 것을 말로 설명하고, 결과를 보고, 다시 말하는 연습을 해요.
노트북은 어떤 걸 가져가면 되나요?
Mac이나 Windows 노트북이면 돼요. 수업 전에 필요한 준비를 개별로 안내해 드려요.
Claude 유료 구독이 꼭 필요한가요?
네, Claude Pro 이상 구독이 필요해요. 구독료는 수강료와 별도이고, 일정이 확정된 뒤 가입하시면 돼요. 가입 방법도 알려 드려요.
3시간 안에 어디까지 만들 수 있나요?
나를 소개하는 간단한 개인 웹페이지를 만들어 인터넷에 올리는 것까지가 목표예요. 쇼핑몰이나 회원 기능이 있는 복잡한 앱은 이후 혼자 이어 갈 수 있도록 방법을 알려 드려요.
친구와 실력이 달라도 2:1로 들을 수 있나요?
네. 각자 자기 사이트를 만들고, 진도에 맞춰 한 분씩 봐 드려요.
Your turn
코딩을 몰라도,
만들고 싶은 게 있다면 시작할 수 있어요.
저도 개발을 배운 적 없이 여기까지 왔습니다.
처음부터 거창한 서비스를 만들 필요는 없어요. AI와 대화하며 나를 소개하는 첫 페이지부터 직접 만들어 봅니다.
코딩을 배우는 시간이 아니라,
내가 원하는 것을 만들어 보는 시간.
이번에는 여러분의 차례예요.
워크숍 신청하기