칼큐 (calqu.kr)

개요

급여 실수령액과 세금, 단위변환 같은 계산기부터 글자수 세기와 QR 생성, 이미지 편집 같은 유틸리티, 반응속도와 타이핑 같은 미니 게임과 심리 테스트까지, 일상에서 필요한 도구 15개 카테고리 186종을 개별 페이지로 제공하는 무료 종합 도구 포털입니다. calqu.kr 에서 운영 중입니다.

핵심

전 도구를 calculators.js 레지스트리 하나로 관리합니다. 카드와 네비, 사이트맵, OG 이미지가 전부 여기서 자동 생성됩니다.

카드 그리드와 프로그래매틱 페이지, 가이드, OG 이미지, breadcrumb, sitemap 은 스크립트로 일괄 생성합니다. 같은 편집을 손으로 반복하지 않으려는 것입니다.

세율이나 최저임금처럼 연도에 의존하는 상수는 rates-2026.js 한 곳에 모았습니다. 연 1회 갱신으로 유지보수가 끝납니다.

Firestore 기반 CMS 섹션을 붙여 도구 사용법과 제도 해설 글 23편을 발행했습니다. 글은 빌드 때 프리렌더해 정적으로 내보냅니다.

결과를 파일로, 위젯으로

계산 결과를 화면 캡처가 아니라 캔버스에 직접 그려 PDF 로 저장하는 기능을 붙였습니다. 대출이자 계산(월별 원리금 상환 스케줄표 포함)과 급여, 연말정산 세 도구에 [결과 PDF 저장] 버튼이 있습니다. PDF 라이브러리(pdf-lib)는 빌드 의존성으로 넣지 않고 버튼을 눌렀을 때만 내려받아, 평소 페이지 로딩 비용에는 영향이 없습니다.

D-day 와 카운트다운은 결과만 남기는 좁은 iframe 뷰(?embed=1&w=1)로도 퍼갈 수 있습니다. 블로그나 다른 사이트에 붙여 넣으면 계산 폼 없이 결과 숫자만 뜹니다.

사이트 루트에 llms.txt 를 둡니다. LLM·AEO 크롤러가 도구 목록과 정책형 계산기의 적용 연도·출처를 한 파일에서 읽도록 한 것으로, 내용은 calculators.js 에서 그대로 생성하고 본문이 실제로 바뀐 날에만 갱신일을 새로 찍습니다.

영문판

한국 제도에 묶인 도구(테스트 카테고리 전체, 고스톱·타자연습·국가번호·스위프트 코드 조회·기념일)는 제외하고 나머지를 /en/ 아래 정적 영문 페이지 238장으로 냅니다. 언어는 URL 접두(/en/ 유무)가 유일한 기준이고, 각 언어 버전은 hreflang 으로 서로를 가리킵니다.

운영에서 배운 것

검색 색인은 페이지를 늘린다고 늘지 않았습니다. 얇은 변형 페이지가 서로 잡아먹는 문제가 있어, 색인 대상을 줄이고 남은 문서의 내용을 두껍게 하는 쪽으로 돌렸습니다.

lastmod 가 조회수 변동 때문에 매일 밀리던 것도 잡았습니다. 해싱 전에 조회수를 정규화해, 실제로 글이 바뀌었을 때만 날짜가 움직입니다. 회귀를 막는 검사(check:lastmod)를 게이트로 걸어 뒀습니다.

배포는 하루 한 번 자동으로 돕니다.

스택

순수 HTML/CSS/JavaScript 로 만들었습니다. 프레임워크도 빌드 도구도 없이 Firebase Hosting 에 정적 배포합니다. 계산은 전부 클라이언트에서 완결되며, 인사이트 글 메타데이터만 Firestore 를 씁니다.