개발 중에 자주 필요하지만 매번 찾기 귀찮은 도구들, 웹 하나로 모아서 해결하세요. API 응답을 정리하고, 토큰을 디코딩하고, 해시 값을 생성하고, 파일 권한을 계산하는 일 — 하루에도 몇 번씩 반복되는 이런 작업들을 위해 10가지 필수 IT 계산기를 소개합니다.
북마크 하나면 충분합니다. 별도 설치 없이 브라우저에서 바로 사용하세요.
1. 데이터 변환 도구
API 개발, 디버깅, 데이터 전송 과정에서 가장 빈번하게 필요한 도구들입니다. 입력값을 붙여넣기만 하면 즉시 결과를 확인할 수 있습니다.
1
JSON Formatter
minified JSON을 보기 좋게 정렬(pretty-print)하거나, 반대로 압축할 수 있습니다. 문법 오류 검증도 동시에 수행하여 잘못된 JSON을 빠르게 찾아줍니다.
2
Base64 인코더/디코더
이미지, 인증 토큰, 바이너리 데이터를 Base64로 인코딩하거나 디코딩합니다. 이메일 첨부, Data URI, API 인증 헤더 등에서 필수로 사용됩니다.
3
URL 인코더/디코더
한글이나 특수문자가 포함된 URL 파라미터를 안전하게 인코딩하고, 인코딩된 문자열을 원래 값으로 복원합니다. 쿼리 스트링 디버깅에 유용합니다.
이 세 가지 도구는 백엔드 API를 다루는 개발자라면 매일 사용하게 되는 도구입니다. 특히 JSON Formatter는 Postman이나 브라우저 DevTools에서 복사한 응답을 정리할 때 가장 먼저 찾게 됩니다.
🔧
JSON 포맷터
JSON 데이터를 정렬하고 검증하세요
→
🔑
Base64 인코더/디코더
텍스트와 Base64 문자열을 변환하세요
→
🔗
URL 인코더/디코더
URL 파라미터를 안전하게 인코딩하세요
→
2. 보안 도구
비밀번호 저장, 데이터 무결성 검증, 토큰 기반 인증 — 보안은 모든 서비스의 기본입니다. 아래 두 도구는 개발 과정에서 보안 관련 작업을 빠르게 처리하도록 도와줍니다.
4
Hash Generator
입력 문자열의 MD5, SHA-1, SHA-256, SHA-512 해시 값을 한 번에 생성합니다. 파일 무결성 검증, 비밀번호 해싱 결과 확인, 체크섬 비교 등에 활용할 수 있습니다.
5
JWT Decoder
JWT(JSON Web Token)의 Header, Payload, Signature를 분리하여 내용을 확인합니다. 만료 시각(exp), 발급자(iss), 커스텀 클레임 등을 즉시 읽을 수 있어 인증 디버깅에 필수적입니다.
JWT 기반 인증을 사용하는 서비스를 개발 중이라면, 토큰이 올바르게 생성되었는지 확인하는 작업이 수시로 필요합니다. jwt.io 같은 외부 사이트에 민감한 토큰을 붙여넣는 것이 불안하다면, CalKit의 JWT 디코더는 완전히 클라이언트 측에서 동작하므로 서버로 데이터가 전송되지 않습니다.
🛡️
해시 생성기
MD5, SHA-256 등 다양한 해시 값을 생성하세요
→
🔐
JWT 디코더
JWT 토큰의 Header와 Payload를 분석하세요
→
3. 프론트엔드 도구
UI를 만들 때 px과 rem 사이에서 고민하거나, 디자이너가 전달한 HEX 색상을 RGBA로 바꿔야 할 때가 있습니다. 프론트엔드 개발자에게 필수적인 두 가지 도구를 소개합니다.
6
CSS 단위 변환기
px, rem, em, vw, vh 등 CSS 단위를 상호 변환합니다. 반응형 디자인 작업 시 기준 폰트 크기에 따른 정확한 변환 값을 바로 확인할 수 있습니다.
7
Color Converter
HEX, RGB, RGBA, HSL, HSV 등 다양한 색상 형식 간 변환을 지원합니다. 디자인 시스템에서 색상 팔레트를 정리하거나 Figma 색상을 코드로 옮길 때 유용합니다.
특히 Tailwind CSS를 사용하는 프로젝트에서는 디자인 토큰 값을 직접 계산해야 할 때가 많습니다. CSS 단위 변환기로 기본 폰트 크기(보통 16px)를 기준으로 rem 값을 즉시 확인할 수 있고, Color Converter로 투명도가 포함된 색상을 Tailwind의 opacity 문법으로 변환할 수 있습니다.
📐
CSS 단위 변환기
px, rem, em, vw 등 CSS 단위를 변환하세요
→
🎨
Color Converter
HEX, RGB, HSL 등 색상 형식을 변환하세요
→
4. 서버/인프라 도구
서버를 관리하거나 네트워크를 설정할 때 필요한 도구들입니다. DevOps 엔지니어뿐만 아니라 풀스택 개발자에게도 자주 필요합니다.
8
IP 계산기
서브넷 마스크를 기반으로 네트워크 주소, 브로드캐스트 주소, 사용 가능한 호스트 범위를 계산합니다. CIDR 표기법을 입력하면 서브넷 정보를 자동으로 분석합니다.
9
chmod 계산기
리눅스/유닉스 파일 권한을 숫자(예: 755)와 심볼릭(예: rwxr-xr-x) 표기법으로 상호 변환합니다. 새 서버 설정이나 배포 스크립트 작성 시 필수적입니다.
클라우드 서버(AWS, GCP 등)를 사용하는 환경에서는 보안 그룹(Security Group)이나 VPC 서브넷을 설정할 때 IP 계산기가 필수입니다. CIDR 범위를 잘못 설정하면 의도치 않은 IP가 접근하거나 반대로 필요한 IP가 차단될 수 있기 때문입니다.
chmod 계산기는 특히 CI/CD 파이프라인에서 배포 스크립트에 실행 권한을 부여하거나, 업로드된 파일의 권한을 제한해야 할 때 유용합니다. chmod 644와 chmod 755의 차이를 헷갈릴 때, 계산기에서 체크박스를 클릭하며 확인하면 실수를 줄일 수 있습니다.
🌐
IP 계산기
서브넷, 네트워크 주소, 호스트 범위를 계산하세요
→
📁
chmod 계산기
리눅스 파일 권한을 숫자/심볼릭으로 변환하세요
→
5. 위치 기반 도구
위치 기반 서비스(LBS)를 개발하거나, 물류/배달 서비스에서 거리 계산이 필요할 때 사용하는 도구입니다.
10
좌표 간 거리 계산기
두 GPS 좌표(위도, 경도) 사이의 직선 거리를 Haversine 공식으로 계산합니다. 배달 반경 설정, 매장 검색 범위 결정, 경로 최적화 등에 활용됩니다.
모바일 앱이나 웹 서비스에서 "내 주변 매장 찾기" 기능을 구현할 때, 사용자 좌표와 매장 좌표 사이 거리를 계산해야 합니다. 이때 Haversine 공식이 사용되며, CalKit의 좌표 거리 계산기로 예상 결과를 빠르게 검증할 수 있습니다.
예를 들어, 서울역(37.5547, 126.9706)에서 강남역(37.4979, 127.0276)까지의 직선 거리가 약 8.0km라는 것을 즉시 확인할 수 있어, 검색 반경을 10km로 설정하면 두 지점이 모두 포함된다는 것을 알 수 있습니다.
📍
좌표 간 거리 계산기
두 GPS 좌표 사이의 직선 거리를 계산하세요
→
6. 활용 팁
위 10가지 도구를 더 효과적으로 활용하는 방법을 정리했습니다.
💡 개발 생산성을 높이는 활용법
1
브라우저 북마크 바에 등록
자주 사용하는 계산기 3~4개를 북마크 바에 추가해 두면, 터미널과 에디터를 오갈 필요 없이 한 클릭으로 접근할 수 있습니다.
2
코드 리뷰 시 검증 도구로 활용
PR에 포함된 해시 값이 올바른지, JWT 토큰 구조가 정확한지 확인할 때 해당 계산기를 열어 빠르게 검증하세요.
3
API 테스트와 함께 사용
Postman이나 curl로 API를 테스트한 뒤, 응답 JSON을 포맷터에 붙여넣고 구조를 파악하면 디버깅 시간을 크게 줄일 수 있습니다.
4
클라이언트 사이드 처리로 보안 유지
CalKit의 모든 IT 도구는 브라우저에서 직접 처리되므로, 민감한 토큰이나 키를 외부 서버로 전송하지 않습니다.
5
팀 온보딩 자료로 공유
신규 팀원에게 "이 도구들 북마크 해두세요"라고 공유하면, 개발 환경 세팅 시간을 단축하고 팀 전체 생산성을 높일 수 있습니다.
마무리
개발자의 하루는 작은 변환 작업들의 연속입니다. JSON을 정리하고, 해시를 생성하고, 토큰을 디코딩하고, 색상을 변환하는 일이 반복됩니다. 이런 작업들을 위해 매번 새로운 도구를 검색하는 대신, CalKit에 북마크 하나 추가하고 모든 것을 한 곳에서 해결하세요.
모든 도구는 무료이며, 별도 가입 없이 바로 사용할 수 있습니다. 데이터는 서버로 전송되지 않으므로 안심하고 사용하세요.