v7.25.0 — AI Infra Sizing

v7.25.0 — 수익화 인프라: 구매 링크 + 클라우드 대여 비교

이번 릴리스

사용자 요청: 무료로 운영해 온 이 계산기를 어떻게 더 개선하고 수익화할 수 있을지에 대한 논의 끝에, 가장 자연스러운 두 가지 지점부터 실제로 붙였습니다.

GPU 추천 카드에 "이 사양대로 사기" 구매 링크

GPU 어드바이저 카드와 구매 검토 허브(업그레이드 계산기) 각각에 쿠팡 검색으로 바로 이동하는 버튼을 추가했습니다.

• 다나와는 그대로 출처 링크: 다나와는 개발자용 셀프서브 제휴 프로그램이 없고(입점 제휴만 존재), 그래서 기존 다나와 시세 링크는 손대지 않고 그대로 "가격 출처" 역할을 유지합니다.
• 실제 수익화는 쿠팡파트너스로: 쿠팡파트너스의 진짜 추적 링크는 액세스키·시크릿키로 서명한 API 호출로만 만들 수 있어, 시크릿키를 절대 노출할 수 없는 정적 사이트 코드에는 직접 넣을 수 없습니다. 그래서 scripts/generate-coupang-links.mjs라는 오프라인 스크립트를 새로 만들었습니다: 쿠팡파트너스 계정을 만들고 이 스크립트를 로컬에서 한 번 실행하면, data/coupang-affiliate-links.js에 실제 추적 링크가 채워집니다. 계정을 만들기 전까지는 모든 버튼이 평범한(수익 없는) 쿠팡 검색 링크로 동작해, 아무것도 깨지지 않습니다.

"API vs Local"에 클라우드 대여(RunPod/Vast.ai/Lambda) 비교 추가

지금까지 API냐 자체 구축(Local)이냐 둘 중 하나로만 비교하던 화면에, 실제로 많이 고민하는 세 번째 선택지 — "그냥 클라우드에서 시간 단위로 빌려 쓰기" — 를 더했습니다.

• 등급별(저가형/균형형/플래그십) 기준 GPU를 RunPod·Vast.ai·Lambda 3사에서 대여할 때의 월 비용을 새 "클라우드 대여 비용" 섹션에 카드로 보여줍니다. RunPod·Lambda는 공식 요금표, Vast.ai는 호스트별로 가격이 다른 마켓플레이스라 대표 평균값임을 명확히 표시합니다.
• 결론 배너와 손익분기 그래프가 API vs Local 2자 비교에서 API vs Local vs Cloud 3자 비교로 확장되어, 세 방식 중 무엇이 가장 저렴한지와 그 차액을 함께 보여줍니다.
• Lambda처럼 특정 등급에 맞는 GPU가 없는 경우(저가형 등급의 소비자용 GPU 등) "지원 안 함"으로 명확히 표시하고 조용히 숨기지 않습니다.
• RunPod·Vast.ai는 둘 다 서명 API 없이 단순 ?ref=아이디 형태의 리퍼럴 링크를 지원해, 각 사이트에서 계정을 만들고 리퍼럴 ID만 features/affiliate-links.js에 채워 넣으면 대여 버튼이 바로 실제 추적 링크로 바뀝니다. Lambda는 확인된 셀프서브 리퍼럴 프로그램이 없어 평범한 링크로 남겨뒀습니다.

검증

스모크 테스트 2건 추가(구매 링크, 클라우드 섹션 — 총 41개 통과), 계산 테스트 5개 배치, 파이프라인 테스트 7개, 크기 예산(styles.css 186.4KB/200KB), 로컬 axe-core 접근성 검사(카드 선택 상태·클라우드 미지원 상태 포함, critical/serious 위반 0건) 모두 통과했습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.24.0 — AI Infra Sizing

v7.24.0 — "API vs Local" 후보 카드 클릭으로 비교 기준 선택

이번 릴리스

v7.23.0에서 "API vs Local" 화면을 결론 우선 구조로 재설계하면서, 결론 배너와 손익분기 그래프는 항상 3개 후보(Google/Anthropic/OpenAI) 중 최저가 모델 기준으로만 계산됐습니다. 사용자 피드백: "앤트로픽이나 OpenAI를 직접 선택할 수도 있고, 그러면 밑에 그래프 같은 것도 바뀌게 해줘."

• 후보 카드가 선택 가능한 옵션이 됨: 카드가 role="listbox" 컨테이너 안의 role="option" 버튼으로 바뀌어, 클릭하면 그 제공사가 비교 기준이 됩니다. v7.22의 GPU 프리셋 드롭다운과 동일한 리스트박스/옵션 패턴을 재사용했습니다.
• 선택에 따라 함께 바뀌는 항목: 결론 배너 headline("{모델명} 기준으로는 API 사용/Local 구축이 유리합니다")과 수치, 손익분기 SVG 그래프의 제목·범례·계산 기준선, 자체 구축(Local) 비교 문장과 회수 기간 계산까지 모두 선택된 제공사 기준으로 다시 계산됩니다.
• 최저가 배지는 그대로 유지: 카드 배경 강조(파란 테두리)는 이제 "선택됨" 상태를 나타내고, "최저가" 배지는 별도로 표시됩니다. 기본값은 여전히 최저가 카드가 선택된 상태입니다.
• 토글 및 자동 폴백: 선택된 카드를 다시 클릭하면 선택이 해제되고 최저가 기준으로 돌아갑니다. 등급이나 사용 목적을 바꿔 이전에 선택한 제공사가 새 후보 목록에 없으면 자동으로 최저가로 되돌아갑니다.

로컬 axe-core 접근성 검사(카드 선택 상태 포함)에서 critical/serious 위반 0건을 확인했습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.23.1 — AI Infra Sizing

v7.23.1 — v7.23.0의 CI 계산 테스트 실패 수정

이번 릴리스

v7.23.0의 상단 메뉴 재편(6개 탭 → 4개 그룹) 이후 CI의 calculations 매트릭스 잡 중 하나가 실패했습니다.

• 원인: tests/calculations.test.mjs의 "인프라 견적을 별도 초보자용 화면으로 연다" 테스트가 .core-task-actions > [data-core-task]처럼 직계 자식 결합자(>)로 6개 탭 버튼 개수를 세고 있었습니다. 이번 재편으로 버튼들이 .core-task-group/.core-task-group-buttons 래퍼 한 단계 아래로 옮겨가면서 더 이상 직계 자식이 아니게 되어, 개수가 0으로 나와 테스트가 실패했습니다. tests/smoke.test.mjs에 있던 동일한 패턴은 v7.23.0을 만들 때 이미 고쳤지만, calculations.test.mjs에 하나 더 있던 같은 패턴을 놓쳤습니다.
• 수정: 두 곳 모두 자손 결합자(> 제거, .core-task-actions [data-core-task])로 바꿔, 버튼이 몇 단계 깊이에 있든 정확히 찾도록 했습니다.
• 검증: 5개 계산 테스트 배치, 39개 스모크 테스트, 7개 파이프라인 테스트를 모두 다시 실행해 통과를 확인했습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.23.0 — AI Infra Sizing

v7.23.0 — "API vs Local" 결정 화면 재설계 + 상단 메뉴 4그룹 재편

이번 릴리스

"API vs Local"을 계산기에서 결론 우선 결정 화면으로

사용자 피드백: "지금 구조는 정보는 많지만 사용자가 보고 나서 결국 다시 머릿속으로 판단해야 한다."

화면 흐름을 사용량 입력 → 결론 → API 후보 → 상세 순으로 재배치했습니다.

1. 결론 배너 — 입력 직후 "현재 조건에서는 API 사용/Local 구축이 유리합니다" 문장과 함께 API 최저 비용, Local 환산 비용, 차액, 손익분기 사용량을 한 화면에서 바로 보여줍니다.
2. 후보 카드 — 기본으로 보여주던 3개 모델 비교를 <table> 행 대신 월 비용을 가장 크게 강조하는 카드로 바꿨습니다. 입력/출력 단가는 보조 정보로 내렸습니다. 전체 9개 모델 보기는 기존 정렬·필터 가능한 표 그대로 유지합니다.
3. 입력 구조 정리 — "품질" 대신 "등급", "용도" 대신 "사용 목적"으로 표현을 바꾸고, 사용 목적(주 입력)과 등급 변경(보조 입력)이 레이아웃에서도 시각적으로 구분되도록 재배치했습니다.
4. 손익분기 그래프 — API 비용은 사용량에 비례해 늘고 Local은 고정이라는 구조를 간단한 인라인 SVG 그래프로 시각화합니다. 현재 사용량 지점과 손익분기 지점을 함께 표시합니다.

상단 메뉴 6개 탭 → 4개 목표 중심 그룹

GPU → Model / Model → GPU / Infrastructure / Benchmarks / Stack Planner / API Cost가 동등한 무게의 도구 6개로 나열되어 "여러 도구를 모아놓은 사이트" 느낌을 주던 것을, 다음 4개 그룹으로 묶었습니다.

• 모델 찾기 — GPU 기준 · 모델 기준
• 인프라 설계 — 서비스 견적 · Stack Planner
• 비용 비교 — API vs Local
• 데이터 — 벤치마크

기존 6개 버튼의 클릭·aria·i18n 동작은 그대로 두고, 시각적 그룹 래퍼만 추가하는 방식으로 구현해 회귀 위험을 최소화했습니다. 레이아웃은 과거 flex 교차 사이징 버그(v7.19~v7.20) 재발을 피하기 위해 명시적 트랙의 CSS Grid로 구현했습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.22.0 — AI Infra Sizing

v7.22.0 — "내 GPU" 드롭다운 개선 + 최신 AI 모델 3종 추가

이번 릴리스

"내 GPU" 선택 드롭다운이 화면 밖으로 넘치던 문제 수정

기존 네이티브 <select id="gpuPreset">는 브라우저가 자체적으로 그리는 오버레이 팝업이라, 목록이 길면 브라우저 탭 바나 창 경계까지 넘어가 보이는 문제가 있었습니다.

• 수정: 화면 안에서 아래로 쭉 펼쳐지는(in-flow) 커스텀 콤보박스로 교체했습니다. 트리거 버튼(aria-haspopup="listbox", aria-expanded, aria-controls)을 누르면 그 아래 자리에 검색 입력과 <ul role="listbox"> 목록이 이어서 그려집니다. 방향키로 하이라이트 이동, Enter로 선택, Esc로 닫기를 지원합니다.
• 호환성: 기존 <select id="gpuPreset">는 화면에서 숨겼을 뿐 그대로 두어 값 저장소 겸 change 이벤트 발생원 역할을 하도록 했습니다. 이 값을 읽던 기존 코드(영속화, 패널 접힘, 커스텀 검색 노출, 렌더링 등 수십 곳)는 전혀 건드리지 않았습니다.
• 함께 고친 것: 리팩터링 과정에서 발견한 접근성 라벨 누락(aria-label)과, 한국어 모드에서 GPU를 선택한 뒤 트리거 버튼에 영문 브랜드명("GeForce...")이 번역되지 않고 남던 문제도 함께 수정했습니다.

AI 모델 카탈로그에 최신 오픈 웨이트 모델 3종 추가

• GLM-5.3-Flash — 320B 총 파라미터 중 18B만 활성화하는 멀티모달 특화 MoE 모델. MIT 라이선스, 1M 토큰 컨텍스트, 네이티브 비전 입력.
• Qwen3.8-Flash-Next — Qwen4 아키텍처의 오픈 웨이트 프리뷰로 소개된 모델. 125B 총 파라미터 중 6B 활성 MoE 구조에 51B 규모 n-gram 조회 컴포넌트를 추가로 결합. Qwen Community License 1.0, 262K 토큰 컨텍스트.
• Muse Glimmer 30B — Meta가 오랜만에 공개한 오픈 웨이트 모델. 약 29.6B dense 파라미터 + 1.8B ViT-G/14 비전 인코더. Apache 2.0, 128K 토큰 컨텍스트, 단일 소비자용 GPU 배포에 적합.

각 모델은 라이선스 정책(data/licenses.js)과 출처 메타데이터(data/model-metadata.js)까지 함께 등록해, 데이터 감사 스크립트(validate-data.mjs, data-audit.mjs)를 모두 통과합니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.21.5 — AI Infra Sizing

v7.21.5 — "현재 단계" 표시의 axe list 규칙 위반 수정

이번 릴리스

v7.21.4에서 GPU 탐색 흐름의 "현재 단계" 진행 표시를 클릭 가능하게 만들었는데, 그 방식이 CI의 접근성(axe) 검사를 다시 실패시켰습니다.

• 원인: 각 단계 <li>에 role="button"을 직접 붙였더니, <li>의 원래 암묵적 역할(listitem)이 button으로 덮어써졌습니다. 그 결과 부모 <ol>이 axe 기준으로 "listitem을 하나도 갖지 않은 리스트"가 되어, CI의 list 규칙이 Error: axe found blocking issues: list [#workspaceJourney > ol]로 막혔습니다.
• 수정: <li>는 원래대로 listitem 역할을 유지하도록 두고, role="button"·tabindex·클릭 핸들러가 찾는 data-journey-step 속성은 <li> 안에 새로 감싼 내부 <span class="journey-step-trigger">로 옮겼습니다. 클릭·키보드 동작과 hover/focus 스타일은 이 내부 span을 기준으로 그대로 동작합니다.
• 검증: Playwright/Chromium을 이 환경에서 직접 실행할 수는 없었지만, axe-core를 jsdom 위에서 직접 실행해 list 규칙 위반이 사라진 것을 확인했습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.21.4 — AI Infra Sizing

v7.21.4 — "현재 단계" 진행 표시 클릭 가능하게 변경

이번 릴리스

상단의 "현재 단계: ① GPU 선택 → ② 추천 3개 확인 → ③ 전체 모델 탐색" 진행 표시가 지금까지는 현재 위치만 보여주는 읽기 전용 라벨이었는데, 사용자가 "여기도 클릭해서 전단계로 가거나 하게 수정해줘"라고 요청해 클릭(및 키보드) 이동을 추가했습니다.

• 적용 범위: GPU 탐색(finder) 흐름의 3단계에 한해 적용했습니다. 각 단계가 실제로 하는 일과 1:1로 대응하는 동작이 이미 있기 때문입니다: ①GPU 선택은 GPU 변경 패널을 열고 포커스를 옮기고, ②추천 3개 확인은 빠른 추천 모드로, ③전체 모델 탐색은 전체 모델 탐색 모드로 전환합니다.
• 키보드 접근성: 각 단계에 role="button"과 tabindex="0"을 부여해 Tab으로 이동한 뒤 Enter/Space로 실행할 수 있습니다. 마우스 hover와 키보드 focus 모두 파란색 강조 스타일로 클릭 가능함을 표시합니다.
• 다른 흐름은 그대로: 모델 찾기·배치·인프라 견적 흐름은 각자 별도의 다단계 마법사를 갖고 있어 "이 단계로 바로 이동"에 대응하는 간단한 동작이 아직 없습니다. 이번에는 이 흐름들의 단계 표시는 건드리지 않아, 클릭 가능 표시(커서·hover 스타일)도 붙지 않습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.21.3 — AI Infra Sizing

v7.21.3 — Mac mini(M4, M4 Pro) GPU 카탈로그 추가

이번 릴리스

사용자 요청으로 Apple Mac mini를 GPU 카탈로그에 추가했습니다.

• 추가된 항목: Apple M4 32GB 통합메모리(대역폭 120GB/s, 10코어 GPU), Apple M4 Pro 64GB 통합메모리(대역폭 273GB/s, 16~20코어 GPU).
• 관례: 기존 Apple Silicon 항목(Mac Studio의 M2/M3 Ultra, M4 Max, MacBook Pro의 M2/M3 Max)과 동일하게, 칩별로 가장 큰 메모리 구성 1개씩만 등록했습니다. GPU 가용 메모리는 전체 통합메모리의 75%로 계산했으며(Metal의 recommendedMaxWorkingSetSize 기준, 기존 항목들과 동일한 방식), 출처는 Apple 공식 지원 문서(support.apple.com/en-us/121555)입니다.
• 국내 시세: 다른 Apple Silicon 항목들과 마찬가지로 아직 등록하지 않았습니다 — 개별 GPU가 아니라 완제품(Mac mini 본체) 판매 구조라, 기존 M2/M3/M4 Max·Ultra 항목들도 국내 시세 없이 참고 가격만 표시하고 있는 상태입니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.21.2 — AI Infra Sizing

v7.21.2 — CI 색상 대비 접근성 위반 수정

이번 릴리스

v7.21.1에서 CI의 첫 번째 실패 원인(탭 개수 단언문)을 고쳤지만, CI는 여전히 실패하고 있었습니다. 사용자가 GitHub에 로그인해 실제 로그를 확인할 수 있게 해준 덕분에 정확한 원인을 찾았습니다.

• 원인: axe 접근성 검사가 .catalog-request-center > summary("찾는 GPU나 모델이 없나요?" 토글, 현재 푸터 영역)에서 색상 대비(color-contrast) 위반을 발견했습니다. 이 요소는 --muted(#65717d) 텍스트 색상을 --bg(#f2f3f1) 배경 위에 쓰고 있었는데, 실제 대비비는 4.48:1로 WCAG AA 기준(일반 텍스트 4.5:1)에 근소하게 못 미쳤습니다.
• 수정: --muted를 #5c6873으로 살짝 어둡게 조정했습니다(대비비 5.12:1로 상승). 라이트 테마 값만 바꿨고, 다크 테마의 --muted는 그대로 두었습니다. 시각적으로는 거의 차이가 없습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.

v7.21.1 — AI Infra Sizing

v7.21.1 — CI 회귀 테스트 오류값 수정

이번 릴리스

GitHub의 CI 상태 배지가 계속 "failing"으로 뜨고, 실패 알림 메일이 반복해서 온다는 제보를 받았습니다.

• 원인: 시각 회귀 테스트(scripts/ui-regression.mjs, Playwright 기반)에 check(state.taskButtons === 4, ...)라는 단언문이 있었습니다. 상단 작업 선택 탭이 4개+더보기▾ 메뉴로 2개를 감추던 구조였을 때 넣은 값인데, v7.20.0에서 더보기▾ 메뉴를 없애고 6개 탭을 모두 펼치도록 바꾸면서 실제 탭 개수는 6개가 됐지만 이 테스트 값은 4로 그대로 남아 있었습니다.
• 영향: 이 값이 어긋나면서 CI가 페이지를 열자마자 곧바로 실패했고, 뒤에 있는 Lighthouse 성능/접근성 검사 등 다른 시각 회귀 검사는 아예 실행조차 되지 못한 채 v7.20.0 이후 모든 실행이 실패로 기록되고 있었습니다.
• 수정: 단언 값을 실제 탭 개수인 6으로 맞췄습니다.

자세한 변경 내용은 CHANGELOG를 확인하세요.