10분 웹사이트가 줄인 시간, 늘린 검수

10분 만에 웹사이트가 나온다면, 당신은 그 시간을 절약했다고 볼까요, 아니면 검토할 일이 더 빨리 생겼다고 볼까요?

10분이라는 숫자에 먼저 걸렸다

저는 “클로드 코드로 10분 만에 큰 디자인의 웹사이트를 만든다”는 식의 영상을 볼 때, 결과물보다 먼저 시간을 봅니다. 10분은 분명 짧습니다. 회의 하나 시작하기도 전에 첫 화면이 생길 수 있는 길이니까요.

다만 여기서 제가 고른 답은 조금 다릅니다. 이제 웹사이트 제작에서 가장 비싼 일은 코드를 처음부터 치는 시간이 아니라, “무엇을 좋은 결과로 볼 것인가”를 정하는 시간입니다. 이 말은 개발자의 일이 사라졌다는 뜻이 아닙니다. 오히려 비개발자에게도 검수자의 일이 넘어왔다는 뜻에 가깝습니다.

저는 지난주에도 간단한 랜딩 페이지 초안을 AI로 만들어봤습니다. 화면은 빨리 나왔습니다. 그런데 버튼 문구, 섹션 순서, 모바일에서 보이는 첫 문장, 브랜드 톤을 고치는 데 시간이 더 오래 걸렸습니다. 신입에게 “보기 좋게 만들어줘”라고 시키면 결과가 흔들리듯, AI에게도 좋은 지시가 없으면 빠른 초안만 빨리 늘어납니다.

영상 하나로는 부족해서, 제가 확인한 것은 따로 있었다

이번 자료는 youtu.be에 올라온 한 영상입니다. 출처가 하나라서 단정하기에는 얇습니다. 그래서 저는 이 영상을 “업계 전체가 바뀌었다”는 근거로 보지 않고, 실제 작업 방식이 어디까지 당겨졌는지 보여주는 장면으로 봤습니다.

제가 확인하려고 한 것은 세 가지였습니다. 첫째, 10분 안에 나온 것이 정말 완성물인지, 아니면 첫 초안인지. 둘째, 디자인이라고 부른 결과가 시각적 포장인지, 정보 구조까지 포함한 설계인지. 셋째, Claude Code가 사람의 판단을 대체했는지, 아니면 사람이 빠르게 수정할 수 있는 바탕을 깔았는지.

막힌 부분도 있었습니다. 영상 하나만으로는 실제 코드 품질, 접근성, 배포 안정성, 유지보수 난이도를 판단하기 어렵습니다. 특히 “큰 디자인”이라는 표현은 보기에는 커도, 제품의 목적과 사용자 흐름이 맞는지는 따로 봐야 합니다. 저는 여기서 과감하게 선을 긋겠습니다. 10분 데모를 보고 “이제 웹 제작 끝났다”고 말하는 쪽보다, “이제 기획자의 말솜씨와 검수력이 더 드러난다”고 보는 쪽이 실무에 더 맞습니다.

진짜 변화는 제작 속도가 아니라, 첫 화면까지의 거리다

예전에는 웹사이트를 만들려면 첫 화면까지 가는 길이 길었습니다. 레이아웃을 잡고, 컴포넌트를 만들고, 스타일을 붙이고, 반응형을 맞추고, 배포까지 생각해야 했습니다. 비개발자 입장에서는 이 과정이 거의 검은 상자였습니다. “이런 느낌이면 좋겠다”는 말을 해도, 실제 화면으로 확인하려면 누군가의 시간을 빌려야 했습니다.

Claude Code 같은 도구가 바꾸는 지점은 여기입니다. 10분 만에 모든 문제가 끝나는 것이 아니라, 10분 만에 대화할 수 있는 물건이 생깁니다. 저는 이 차이가 크다고 봅니다. 문서로만 의견을 주고받을 때는 사람마다 다른 그림을 떠올립니다. 화면이 생기면 논쟁이 구체적으로 바뀝니다. “좀 더 고급스럽게”가 아니라 “첫 섹션의 문장이 너무 길다”, “가격표가 아래로 밀렸다”, “모바일에서 CTA가 안 보인다”처럼 말할 수 있습니다.

비개발자 직장인에게 이 변화는 작지 않습니다. 제안서 표지를 만들 때도 빈 종이를 보는 시간과 첫 시안을 고치는 시간은 다릅니다. AI가 만든 웹 초안도 비슷합니다. 빈칸에서 시작하는 두려움을 줄이고, 검토 가능한 상태를 앞당깁니다.

다만 여기서 “디자인”이라는 말을 조심해야 합니다. 디자인은 예쁜 색과 큰 글자만이 아닙니다. 사용자가 어디를 먼저 보고, 무엇을 믿고, 어떤 버튼을 누를지 정하는 일입니다. 영상 속 10분이 보여주는 것은 제작 도구의 속도입니다. 그 속도가 좋은 방향으로 쓰이려면 사람이 판단 기준을 갖고 있어야 합니다.

저는 이 흐름을 이렇게 정리해두고 싶습니다.

여기서 제가 가장 눈여겨보는 칸은 마지막입니다. “결과물을 믿어도 되는지 확인하기.” 이 부분은 아직 자동화하기 어렵습니다. 특히 회사 소개, 강의 판매, 채용 페이지, 소프트웨어 서비스 랜딩처럼 신뢰가 중요한 화면은 예쁘기만 해서는 부족합니다. 문구 하나가 과장되면 브랜드가 가벼워지고, 버튼 하나가 흐리면 전환이 떨어집니다.

그래서 저는 10분 웹사이트 제작을 “비용 절감”보다 “판단 훈련”의 문제로 봅니다. 앞으로 일을 잘하는 사람은 AI가 만든 첫 결과물을 보고 빨리 흥분하는 사람이 아니라, 빨리 의심하고 정확히 고치는 사람일 겁니다. 색이 괜찮은지보다 먼저 메시지가 맞는지 보고, 애니메이션보다 먼저 사용자의 다음 행동이 보이는지 볼 수 있어야 합니다.

복붙용으로는 이 한 줄이면 충분합니다.

> “AI에게 웹사이트를 맡기기 전에, 나는 첫 화면에서 독자가 무엇을 믿고 무엇을 눌러야 하는지부터 정한다.”

이 문장을 먼저 쓰고 Claude Code 같은 도구를 쓰면 결과가 달라집니다. “멋진 웹사이트 만들어줘”보다 훨씬 낫습니다. “1인 컨설턴트의 강의 신청 페이지를 만들고, 첫 화면에는 신뢰와 신청 이유가 보여야 하며, 모바일에서 신청 버튼이 바로 보여야 한다”처럼 말하면 AI가 잡아야 할 목표가 생깁니다.

10분이라는 숫자는 그래서 양면적입니다. 빠른 사람에게는 더 많은 실험 시간을 줍니다. 기준이 없는 사람에게는 더 많은 애매한 결과물을 줍니다. 저는 후자가 더 흔할 수 있다고 봅니다. 회사 안에서도 도구를 먼저 들여오고, 좋은 결과의 기준은 나중에 정하는 일이 자주 벌어지니까요.

영상 데모가 놓치기 쉬운 세 가지

제가 틀릴 수도 있는 지점은 있습니다. Claude Code의 실제 성능은 프로젝트 환경, 지시문 수준, 기존 코드 유무에 따라 크게 달라질 수 있습니다. 영상은 보통 가장 잘 보이는 장면을 고릅니다. 실패한 지시문, 깨진 레이아웃, 배포 오류, 브라우저별 문제는 짧은 데모에서 잘 보이지 않습니다.

특히 “10분 만에 만들었다”는 말에는 숨은 시간이 들어갈 수 있습니다. 어떤 디자인을 원하는지 미리 정했는지, 참고 화면이 있었는지, 수정은 얼마나 했는지에 따라 의미가 달라집니다. 저는 이 부분을 확인하지 못했기 때문에, 이번 글에서는 산업 전체의 결론이 아니라 작업 방식의 힌트로만 다룹니다.

또 하나의 반례도 있습니다. 작은 개인 페이지나 실험용 랜딩이라면 AI 초안만으로 충분할 수 있습니다. 모든 웹사이트가 깊은 전략을 요구하지는 않습니다. 다만 돈을 받거나, 신뢰를 만들거나, 반복 운영할 화면이라면 이야기가 달라집니다. 그때는 10분 제작보다 30분 검수가 더 값집니다.

오늘 해볼 일은 도구 공부가 아니라 검수 기준 만들기다

오늘 바로 시험해보고 싶다면, 새 도구를 길게 공부하기보다 작은 기준표를 먼저 만드세요. 저는 비개발자 직장인에게 이 순서를 권합니다.

① 만들고 싶은 페이지를 한 문장으로 적는다 예: “프리랜서 번역가의 상담 신청 페이지”

② 첫 화면에서 독자가 가져야 할 생각을 하나만 정한다 예: “이 사람은 내 업종의 문서를 이해하겠구나”

③ 버튼을 누르기 전에 필요한 근거를 2개 적는다 예: “작업 분야, 실제 진행 방식”

④ AI가 만든 결과물을 보고 세 가지만 고친다 예: “첫 문장, 버튼 위치, 모바일 화면”

⑤ 마지막에 스스로 묻는다 예: “내가 처음 보는 사람이라면 여기서 다음 행동을 할까?”

이번 편의 제 결론은 단순합니다. Claude Code가 보여준 10분 웹사이트는 “이제 누구나 쉽게 완성한다”보다 “이제 누구나 빠르게 초안을 검수해야 한다”에 더 가깝습니다. 자동화는 시간을 되찾는 도구지만, 되찾은 시간을 어디에 쓸지는 여전히 사람이 정합니다.

다음 단계는 하나입니다. 오늘 만들고 싶은 페이지 하나를 고르고, 위 ①부터 ⑤까지 먼저 적어보세요. 다음 편에서는 AI가 만든 웹 초안을 볼 때 제가 실제로 쓰는 검수표, 특히 첫 화면·문구·모바일 CTA를 어떻게 보는지 이어가겠습니다.

핵심 정리

• 10분 만에 웹사이트가 나온다면, 당신은 그 시간을 절약했다고 볼까요, 아니면 검토할 일이 더 빨리 생겼다고 볼까요?
• 저는 “클로드 코드로 10분 만에 큰 디자인의 웹사이트를 만든다”는 식의 영상을 볼 때, 결과물보다 먼저 시간을 봅니다.
• 다만 여기서 제가 고른 답은 조금 다릅니다.

→ 영어판 보기