앤트로픽(Anthropic) 개발자 보리스 처니(Boris Cherny)가 발표한 소식이 충격적이었습니다. 4월 4일부터 클로드 코드의 서드파티 앱 무료 접근이 완전 종료됩니다.

오픈클로(OpenClaw) 같은 무료 도구로 클로드 코드를 써왔던 분들은 이제 유료 구독을 해야 합니다. 월 20달러가 아까워서 망설이고 계신가요?

실제로 웹앱 하나 만드는 데 얼마나 걸리고, 얼마나 쓸만한 결과물이 나오는지 직접 확인해보겠습니다. 투두리스트 앱을 처음부터 끝까지 만들어보면서 투자 대비 효과를 측정해보세요.

클로드 코드를 사용하려면 앤트로픽 계정과 유료 구독이 필요합니다. 클로드 프로(Claude Pro) 월 20달러 또는 클로드 팀(Claude Team) 월 25달러 중 선택하면 됩니다.

브라우저에서 claude.ai에 접속해 로그인하세요. 좌측 사이드바에서 'Code' 메뉴를 클릭하면 코딩 전용 인터페이스가 나타납니다.

별도 IDE나 개발 환경 설치는 필요 없습니다. 웹 브라우저만 있으면 바로 시작할 수 있어요.

• 앤트로픽 계정 생성 및 유료 구독 (월 20~25달러)
• claude.ai 접속 후 Code 메뉴 선택
• 인터넷 연결과 웹 브라우저만 있으면 준비 완료

투두리스트 앱을 만들어보겠습니다. 할 일 추가, 완료 체크, 삭제 기능이 있는 간단한 웹앱이에요. 복잡한 기획서는 필요 없습니다.

클로드 코드 채팅창에 이렇게 입력하세요: '할 일을 추가하고 완료 체크할 수 있는 투두리스트 웹앱을 만들어주세요. HTML, CSS, JavaScript로 만들고 로컬에서 실행할 수 있게 해주세요.'

30초 안에 완전한 코드가 생성됩니다. HTML 파일 하나에 모든 기능이 들어있어서 바로 브라우저에서 열어볼 수 있어요.

생성된 코드를 복사해서 메모장에 붙여넣으세요. 파일명을 'todo.html'로 저장합니다. 확장자를 .html로 꼭 바꿔야 해요.

저장한 파일을 더블클릭하면 기본 브라우저에서 열립니다. 할 일 입력창과 추가 버튼이 보이고, 실제로 동작하는지 테스트해보세요.

이 시점에서 이미 기본적인 투두리스트가 완성됩니다. 소요 시간은 약 10분 정도예요.

• 코드 복사 후 .html 파일로 저장
• 더블클릭으로 브라우저에서 실행
• 기본 기능 동작 확인 (약 10분 소요)

기본 버전은 투박해 보입니다. 클로드 코드에게 '디자인을 더 예쁘게 만들고, 완료된 할 일은 취소선을 그어주세요. 그리고 전체 삭제 버튼도 추가해주세요'라고 요청하세요.

몇 초 안에 개선된 코드가 나옵니다. CSS 스타일이 훨씬 세련되어지고, 애니메이션 효과까지 추가되어요.

이런 식으로 계속 요청하면서 원하는 기능을 하나씩 추가할 수 있습니다. '다크 모드 추가해주세요', '할 일 개수 표시해주세요' 같은 요청도 가능해요.

전체 작업 시간은 약 3시간이었습니다. 기본 앱 완성 10분, 디자인 개선 1시간, 추가 기능 구현 2시간 정도 걸렸어요.

클로드 코드 사용량은 약 50회 정도의 대화였습니다. 프로 구독 기준으로 하루 사용량의 20% 정도 소모됐어요.

완성된 앱은 실제 사용할 수 있는 수준입니다. 로컬 저장 기능, 반응형 디자인, 키보드 단축키까지 포함되어 있어요. 외주 맡겼다면 최소 50만원은 들었을 결과물입니다.

• ✓ 전체 소요 시간: 3시간
• ✓ 클로드 코드 사용량: 약 50회 대화
• ✓ 완성도: 실사용 가능한 수준
• ✗ 데이터베이스 연동은 별도 작업 필요
• ✗ 복잡한 백엔드 로직은 한계 있음

코드를 복사할 때 앞뒤 공백이나 특수문자가 섞이지 않도록 주의하세요. 전체 선택(Ctrl+A) 후 복사하는 게 안전합니다.

파일 확장자를 .txt로 저장하면 브라우저에서 실행되지 않습니다. 반드시 .html로 저장해야 해요.

클로드 코드가 생성한 코드에 오류가 있을 수 있습니다. '이 코드에 오류가 있는 것 같아요. 수정해주세요'라고 말하면 대부분 해결됩니다.

• 코드 복사 시 전체 선택 후 복사
• 파일 확장자 .html로 정확히 저장
• 오류 발생 시 클로드에게 수정 요청
• 브라우저 캐시 때문에 변경사항이 안 보이면 새로고침