🤔 홈페이지를 만들고 싶은데 코딩을 모른다
홈페이지가 갖고 싶다. 내 작업물을 올려두거나, 블로그를 쓰거나, 뭔가를 판매하거나. 이유는 각자 다르지만 결국 같은 벽에 막힌다. 코딩을 모른다는 것.
예전엔 선택지가 둘이었다. 직접 코딩을 배우거나, 돈 주고 개발자를 고용하거나. 둘 다 시간과 돈이 많이 든다. 그런데 지금은 세 번째 선택지가 생겼다. AI한테 말하면 된다.
뚝딱닷컴이 바로 그 결과물이다. 운영자는 코딩을 배운 적 없다. AI와 대화하면서 만든 사이트다.
💬 어떻게 가능한가?
Claude Code라는 AI 도구가 있다. 말을 코드로 바꿔준다. "상단에 메뉴 만들어줘", "버튼 색깔 주황색으로 바꿔줘", "로그인 기능 넣어줘" — 이런 말을 타이핑하면 AI가 HTML, CSS, JavaScript를 직접 작성해준다.
내가 할 일은 무엇을 원하는지 말하는 것뿐이다. 코드가 뭔지 몰라도 된다. 결과물을 보고 "이건 좀 다르게 해줘"라고 다시 말하면 된다. 대화하듯 홈페이지를 만드는 것이다.
Claude Code는 Anthropic이 만든 AI 코딩 도구다. 터미널에서 실행하며, 파일을 직접 읽고 쓰고 수정한다. 명령어 한 줄로 설치할 수 있다.
📦 준비물
복잡하지 않다. 딱 두 가지면 된다.
- Claude 계정 — claude.ai에서 무료로 만들 수 있다. 유료 플랜(월 $20)을 쓰면 Claude Code를 더 많이 쓸 수 있다.
- Windows PC — Mac도 되지만 뚝딱닷컴 교재는 Windows 기준으로 설명한다. 특별한 사양이 필요 없다.
그 외에 설치하는 것들(Node.js 등)은 Claude Code 설치 과정에서 안내가 나온다. 하나씩 따라가면 된다. 뚝딱닷컴 1장 교재에 전부 정리돼 있다.
🪜 만드는 순서
큰 흐름은 이렇다. 각 단계에서 막히는 부분은 교재에 자세히 나와 있다.
✨ 실제로 이런 게 됩니다
"말로만 된다고?" 싶을 것이다. 실제로 뚝딱닷컴에 들어간 기능들을 보면 된다. 코드 한 줄 직접 쓴 게 없다. 전부 AI에게 말해서 만든 것이다.
이게 전부 뚝딱닷컴이다. 뚝딱닷컴 교재에서 각 기능을 어떻게 만들었는지 단계별로 볼 수 있다.
⏱️ 얼마나 걸리나?
✅ 마무리 — 전체 과정을 교재로 정리했다
설치부터 배포까지, 로그인 기능부터 광고 연결까지. 뚝딱닷컴을 만들면서 거친 과정을 20장짜리 교재로 정리했다.
순서대로 따라가면 뚝딱닷컴과 비슷한 구조의 홈페이지를 만들 수 있다. 코딩 경험이 전혀 없어도 된다. 중간에 막히는 부분은 AI에게 물어보면 해결된다. 뚝딱닷컴에서 무료로 볼 수 있다.
이 글이 도움이 됐나요?
설치부터 배포까지 전 과정을 담은 20장 교재, 무료로 공개돼 있어요.
📖 교재 보러 가기