Claude Code로 알뜰폰 MVNO 요금제 비교 에이전트 만들기
매달 빠져나가는 통신비부터 줄이기
알뜰폰 요금제 비교는 막상 해보면 손이 꽤 많이 갑니다. 통신사마다 월 요금 표기 방식이 다르고, 데이터 조건과 프로모션 개월 수도 흩어져 있어서 한 번에 보기 어렵거든요. 그래서 이번 글은 Claude Code로 비교 화면 하나를 빠르게 만드는 흐름에만 집중합니다. 요금제 몇 줄을 붙여넣으면 싼 순서와 절감액이 바로 보이게 만들면, 계산기와 메모장을 번갈아 여는 시간이 확 줄어듭니다.
이 글은 코드를 길게 짜는 사람보다 생활비를 줄이는 도구를 빨리 만들고 싶은 사람에게 맞춰 썼습니다. 새 폴더를 만들고 Claude Code를 연 다음 /init으로 기준을 적고, 마지막에 /run으로 화면을 확인하는 순서만 잡으면 됩니다. 첫 결과를 5분 안에 보는 흐름으로 가야 중간에 지치지 않아요.
처음 버전은 한 파일이 편합니다
첫 버전은 복잡하게 나누지 않는 편이 낫습니다. index.html 한 파일로 시작하면 어디를 고쳤는지 바로 보이고, 문구와 계산식도 한자리에서 손보기 쉽습니다. 알뜰폰 요금제 비교처럼 입력 형식이 단순한 주제는 이 방식이 특히 잘 맞습니다. 초반부터 파일이 늘어나면 기능보다 구조 정리에 시간을 더 쓰게 됩니다.
터미널에서 /init을 한 번 실행한 다음, 아래처럼 바로 붙여넣습니다.
이 메모의 역할은 방향 고정입니다. 한국어 UI, 모바일 우선, 절감액 표시, 숫자 정리 같은 기준을 처음부터 박아두면 나중에 다시 설명할 일이 줄어들어요. 특히 월요금처럼 사람이 복붙해오는 값은 형식이 제각각이라서, 숫자를 어떻게 읽을지 먼저 못 박아두는 게 꽤 중요합니다.
여기서는 완성도보다 화면이 먼저 뜨는 게 중요합니다. 카드와 표를 같이 두면 휴대폰에서는 카드로 훑고, 자세한 값은 표에서 확인할 수 있습니다. 샘플 6개만 넣어도 페이지 성격이 금방 잡히고, 어떤 정보가 부족한지도 바로 보입니다. 처음부터 필터나 정렬 옵션을 잔뜩 넣기보다 눈에 들어오는 기본판을 만드는 쪽이 훨씬 낫습니다.
이 단계부터는 비교판이 진짜 도구처럼 보이기 시작합니다. 통신사 페이지에서 값만 가져와 붙여넣으면 되니 표를 다시 칠 필요가 없어요. 형식을 한 줄로 고정해두면 나중에 항목이 늘어나도 흐름이 덜 흔들리고, 월 요금 기준 정렬도 안정적으로 맞출 수 있습니다. 알뜰폰 요금제 비교 페이지를 오래 쓰려면 입력 규칙이 단순해야 합니다.
여기서 숫자가 생활 언어로 바뀝니다. 예를 들어 월 1만2천 원 차이면 1년 기준 14만4천 원입니다. 이렇게 보이면 어떤 선택이 현실적인지 판단이 빨라집니다. 프로모션 개월 수가 짧은 항목에 주의 표시를 붙이라는 요청도 꼭 넣어두세요. 처음 몇 달만 저렴한 경우가 있어서, 월 요금 숫자만 보면 판단이 엇나갈 수 있습니다.
이제 /run으로 앱을 띄운 다음 아래처럼 시킵니다.
마무리는 화면을 실제 사용 순서대로 훑게 하는 게 좋습니다. 카드가 겹치지 않는지, 숫자 정렬이 한눈에 들어오는지, 표가 너무 넓어지지 않는지만 잡아도 결과가 꽤 깔끔해집니다. 여기서 중요한 건 큰 기능 추가가 아니라 불편한 지점을 짧게 고치는 일입니다. 한 파일로 시작한 이유도 바로 이 수정 속도 때문이구요.
중간에 자주 꼬이는 부분
숫자가 문자처럼 남는 경우
29,700원 같은 값이 문자로 남아 있으면 정렬이 어긋날 수 있습니다. 이럴 때는 원, 쉼표, 공백을 먼저 걷어낸 뒤 숫자로 바꾸라고 다시 적어주면 됩니다. 데이터처럼 숫자와 글자가 섞인 항목은 월 요금과 따로 처리하라고 분리해두면 덜 꼬입니다.
절감액이 0원으로 보이거나 너무 크게 튀는 경우
현재 월요금 입력칸이 비어 있는데 계산을 돌리면 이런 문제가 잘 생깁니다. 해결은 단순합니다. 현재 요금이 없을 때는 계산하지 말고 안내 문구만 보여주라고 조건을 하나 추가하면 됩니다. 비교 화면은 계산식보다 빈값 처리에서 더 자주 흔들립니다.
모바일에서 표가 답답해지는 경우
표를 먼저 크게 잡으면 휴대폰에서 가로 스크롤이 생기기 쉽습니다. 이럴 때는 카드 우선, 표는 아래 배치로 정리해달라고 요청하면 됩니다. 중요한 숫자만 진하게 두고 나머지는 밀도를 낮추면 읽기가 훨씬 수월해져요. 알뜰폰 요금제 비교를 보는 사람은 예쁜 장식보다 빠른 판단을 더 먼저 원합니다.
여기까지 만들면 어디에 바로 쓰이냐
이 정도만 만들어도 요금제를 보는 기준이 달라집니다. 여러 페이지를 오가며 가격을 적던 흐름이 한 화면으로 모이고, 월 절감액과 1년 절감액이 같이 보여서 결정이 빨라집니다. 이후에는 Claude Code 세션 안에서 /loop를 붙여 6시간마다 찜해둔 항목만 다시 계산하게 확장할 수도 있습니다. 그래도 첫 단계에서는 한 파일짜리 비교 도구를 손에 넣는 데 집중하는 편이 좋습니다. 그 한 번이 있어야 다음 자동화도 이어집니다.
이런 글도 있어요
관련 검색어
- 🔍 Claude Code 사용법
- 🔍 Claude Code 비교
- 🔍 알뜰폰 요금제 비교
- 🔍 MVNO 사용법
- 🔍 MVNO 비교
- 🔍 가격 비교 에이전트 사용법
