First Build — 30분 한 사이클

오늘 30분 안에 만들 것

오늘 만들 결과물은 한 페이지짜리 자기소개 HTML이에요. 데이터베이스도 없고, 로그인도 없고, 그냥 한 화면. 보라-핑크 그라데이션 배경에 본인 이름·소개·잘하는 것 3개·연락처가 들어간 깔끔한 페이지. 링크드인 프로필을 대신해서 카톡/인스타 DM에 던질 수 있는 정도예요.

왜 자기소개 페이지인가? 이유는 단순해요. (1) 본인 데이터로 만들기 때문에 "AI가 진짜 내 정보로 만든다"는 감각이 강해요. (2) 30분 안에 끝이라 막힘이 적어요. (3) 친구·동료에게 보여주기가 자연스러워서 정체성 전환(보는 사람 → 만든 사람)이 일어나요.

전체 흐름 — 5단계

단계 1 — Claude Desktop에서 스킬 호출

0-2에서 깐 Claude Desktop을 여세요. 새 대화창에서 입력란을 클릭하고 슬래시(/)를 입력하면 사용 가능한 스킬 목록이 자동완성으로 떠요. 거기서 /v1-firstbuild를 선택하거나 직접 입력하고 엔터를 누르세요.

/v1-firstbuild

몇 초 후 Claude가 스킬 모드로 진입하면서 첫 질문을 던져요. 보통 이렇게 시작해요:

단계 2 — 스킬과 단계별 대화

스킬은 보통 다음 4~5개 질문을 한 번에 하나씩 던져요. 각 질문에 솔직하게 답하면 돼요. 완벽하지 않아도 OK. 다음 질문으로 넘어가는 게 더 중요해요.

질문이 끝나면 스킬이 HTML 코드 한 덩어리를 출력해요. 코드 블록 우상단에 작은 "Copy" 버튼이 있으니 그걸 누르면 클립보드에 복사돼요.

단계 3 — HTML 파일로 저장

이제 그 코드를 본인 PC에 파일로 저장해야 해요. Mac과 Windows 방법이 약간 달라요. 본인 OS에 맞는 안내를 보세요.

단계 4 — 더블클릭 → 브라우저

저장한 index.html 파일을 바탕화면에서 찾아서 더블클릭하세요. 기본 브라우저(Chrome/Edge/Safari)가 자동으로 열리면서 본인이 만든 자기소개 페이지가 나타나야 해요. 이 순간이 첫 모먼트예요. "내 컴퓨터에서 내가 만든 페이지가 열렸다."

- 이름 글자를 더 크게
- 그라데이션을 보라-핑크 대신 오렌지-노랑으로
- 그 외는 그대로 유지하고, 전체 코드 다시 줘

단계 5 (선택) — 무료 배포 + 카톡 공유

여기까지가 30분의 핵심이에요. 단계 5는 선택이지만 강하게 권장해요. 왜냐하면 본인 PC에서만 열리는 페이지를 전 세계가 접근 가능한 URL로 만드는 게 정체성 전환의 결정적 모먼트거든요.

가장 빠른 무료 배포는 Netlify Drop이에요. 가입도 안 해도 돼요.

1. 브라우저에서 app.netlify.com/drop 접속.
2. index.html 파일이 있는 폴더 전체를 페이지 가운데로 드래그-드롭. (파일 한 개만 끌어도 OK)
3. 30초 안에 https://random-name-xxx.netlify.app 같은 URL이 발급돼요.
4. 그 URL을 클릭하면 — 인터넷 어디서든 접근 가능한 본인 페이지가 열려요.

마지막으로 한 사람에게 그 URL을 카톡으로 보내세요. "내가 30분 만에 만들었어, 봐줘 :)" 한 줄이면 충분해요. 상대방이 그 URL을 한 번이라도 눌러본 순간, 본인의 정체성이 한 단계 이동해요. "보는 사람"에서 "만든 사람"으로요.

막히는 지점 — 미리 답

• "파일을 더블클릭했는데 메모장이 다시 열려요." → 파일 이름이 index.html.txt로 저장된 거예요. Windows 메모장에서 저장할 때 "파일 형식"을 "모든 파일"로 꼭 바꾸세요.
• "브라우저에서 한글이 깨져서 나와요." → 인코딩이 UTF-8이 아니에요. Claude Desktop으로 돌아가서 "한글이 깨져, <meta charset='utf-8'> 추가해서 전체 코드 다시 줘"라고 한 줄 요청하세요.
• "Netlify에 올렸는데 화면이 안 떠요." → 파일 이름이 정확히 index.html(소문자)인지 확인하세요. Index.html이나 main.html이면 안 돼요.
• "30분 안에 못 끝냈어요." → 정상이에요. 처음에는 60분 걸리는 분이 더 많아요. 시간을 두려워하지 말고, 끝까지 한 사이클을 통과시키는 게 목표예요.
• "/v1-firstbuild 자동완성에 안 뜨는데요." → Claude Desktop을 한 번 종료했다가 다시 열어보세요. 그래도 안 되면 슬래시 빼고 그냥 "v1-firstbuild 스킬을 시작해줘" 한국어로 입력해도 같은 효과가 있어요.

한 줄 회고 — Reflection

끝났으면 잠깐 멈추고 본인에게 한 줄 적어 보세요. 종이든 카톡 본인 채팅방이든.

• 30분 전 vs 지금, 어떤 감각이 달라졌나?
• 가장 의외였던 한 가지는?
• 다음에 만들고 싶은 페이지는?

이 한 줄 회고가 본 코스(Ch.1 이후) 며칠 동안 흔들리지 않게 잡아주는 닻이 돼요.