개발·디자인 도구

지금 필요한 도구를 검색해 보세요.

무료 도구 32개

32개 도구

76 / 개발·디자인

JSON 정렬·검증기

JSON 문법을 검사하고 들여쓰기 또는 압축 형식으로 정리합니다.

계산 시작하기
77 / 개발·디자인

JSON→CSV 변환기

객체 배열을 열 이름이 있는 CSV 표로 변환합니다.

계산 시작하기
78 / 개발·디자인

CSV→JSON 변환기

첫 줄 헤더를 키로 사용해 CSV를 JSON 객체 배열로 변환합니다.

계산 시작하기
79 / 개발·디자인

Base64 인코딩·디코딩

UTF-8 텍스트를 표준 Base64로 변환하거나 원문으로 복원합니다.

계산 시작하기
80 / 개발·디자인

URL 인코딩·디코딩

URL 구성 요소의 특수문자를 퍼센트 인코딩하거나 복원합니다.

계산 시작하기
81 / 개발·디자인

HTML 특수문자 변환

HTML에서 특별한 의미를 가진 다섯 문자를 엔티티로 변환하거나 복원합니다.

계산 시작하기
82 / 개발·디자인

유니코드 이스케이프 변환

문자열을 UTF-16 \uXXXX 표현으로 바꾸거나 복원합니다.

계산 시작하기
83 / 개발·디자인

텍스트·16진수 변환

텍스트의 UTF-8 바이트를 16진수로 표시하거나 텍스트로 복원합니다.

계산 시작하기
84 / 개발·디자인

진법 변환기

정수를 2·8·10·16진수 표현으로 변환합니다.

계산 시작하기
85 / 개발·디자인

HEX·RGB·HSL 변환기

6자리 HEX 색상을 RGB와 HSL로 변환합니다.

계산 시작하기
86 / 개발·디자인

색상 대비 검사기

두 HEX 색상의 WCAG 대비율과 AA·AAA 텍스트 기준을 확인합니다.

계산 시작하기
87 / 개발·디자인

CSS 그라데이션 생성기

두 색상과 각도로 CSS 선형 그라데이션 코드를 만듭니다.

계산 시작하기
88 / 개발·디자인

CSS 그림자 생성기

가로·세로 이동량과 흐림·확장값으로 box-shadow 코드를 생성합니다.

계산 시작하기
89 / 개발·디자인

화면비 크기 계산기

원본 가로·세로 비율을 유지하는 새 높이를 계산합니다.

계산 시작하기
90 / 개발·디자인

화면 PPI 계산기

픽셀 해상도와 대각선 인치로 화면의 픽셀 밀도를 계산합니다.

계산 시작하기
91 / 개발·디자인

반응형 CSS clamp 생성기

두 화면 너비에서의 글꼴 크기를 기준으로 유동 크기 CSS를 생성합니다.

계산 시작하기
92 / 개발·디자인

쿼리 문자열 분석기

URL 쿼리의 키와 값을 디코딩하고 중복 키를 배열로 확인합니다.

계산 시작하기
93 / 개발·디자인

URL 구조 분석기

웹 주소를 프로토콜·호스트·포트·경로·쿼리·해시로 분해합니다.

계산 시작하기
176 / 개발·디자인

IPv4 서브넷 계산기

IPv4 주소와 CIDR 프리픽스로 네트워크·마스크·주소 범위와 호스트 수를 확인합니다.

계산 시작하기
103 / 개발·디자인

QR 코드 만들기

주소·텍스트·Wi-Fi·연락처 QR 코드를 만들고 PNG·SVG로 저장하세요. 입력 내용은 브라우저에서 처리합니다.

계산 시작하기
121 / 개발·디자인

정규식 테스트

JavaScript 정규식의 매칭·캡처 그룹·치환을 확인하세요. 오래 걸리는 패턴은 중단하고 입력은 브라우저에서 처리합니다.

계산 시작하기
122 / 개발·디자인

JWT 내용 확인

JWT 헤더·페이로드와 만료·발급 시각을 확인하세요. 토큰을 저장하거나 전송하지 않으며 서명 검증은 수행하지 않습니다.

계산 시작하기
123 / 개발·디자인

JSON 구조 비교

객체 키 순서와 공백을 무시하고 JSON의 추가·삭제·변경을 비교하세요. 배열 위치와 큰 숫자의 차이도 확인합니다.

계산 시작하기
124 / 개발·디자인

UTM 링크 만들기

출처·매체·캠페인을 입력해 추적 링크를 만드세요. 기존 UTM 교체 내용을 확인하고 완성된 주소를 복사합니다.

계산 시작하기
125 / 개발·디자인

YAML·JSON 변환

YAML과 JSON을 양방향으로 변환하세요. 큰 숫자를 보존하고 JSON으로 바꿀 수 없는 타입·별칭·주석 처리를 확인합니다.

계산 시작하기
126 / 개발·디자인

SQL 정렬

PostgreSQL·MySQL 등 방언에 맞게 SQL을 정렬하세요. 들여쓰기와 키워드 대소문자를 고르며 쿼리는 실행하지 않습니다.

계산 시작하기
127 / 개발·디자인

마크다운 미리보기

마크다운 문서를 화면으로 확인하고 HTML·MD로 저장하세요. 사용자 HTML은 실행하지 않고 외부 이미지는 불러오지 않습니다.

계산 시작하기
128 / 개발·디자인

마크다운 표 만들기

엑셀·스프레드시트의 표를 붙여넣고 셀을 수정하세요. 열 정렬을 선택해 Markdown 표를 복사하거나 저장합니다.

계산 시작하기
141 / 개발·디자인

사진 속 QR 읽기

스크린샷·사진에서 QR 내용을 읽고 복사하거나 TXT로 저장하세요. 주소·Wi-Fi 정보를 자동 실행하지 않고 브라우저에서 판독합니다.

계산 시작하기
142 / 개발·디자인

바코드 만들기

CODE128·EAN-13·EAN-8·UPC-A 바코드를 만들고 PNG·SVG로 저장하세요. 체크 숫자를 확인하고 인쇄할 이미지를 준비합니다.

계산 시작하기
192 / 개발·디자인

크론 표현식 만들기

매분·매시간·매일·요일·월간 반복을 Unix 5필드 크론식으로 만드세요. 다음 실행 예시는 기기 시간대로 확인합니다.

계산 시작하기
197 / 개발·디자인

CSV 표 보기·편집기

CSV·TSV 파일을 표로 열어 검색·편집하고 저장하세요. UTF-8·EUC-KR과 구분자를 선택하며 스프레드시트 수식 보호 내용을 안내합니다.

계산 시작하기