개발자 도구
브라우저 안에서만 동작하는 개발자 도구와 알고리즘 시각화. 붙여 넣은 내용은 기기 밖으로 나가지 않습니다.
모든 도구
Base64
Base64 인코딩 및 디코딩
URL 인코더
URL 인코딩 및 디코딩
HTML 인코더
HTML 엔티티 인코딩 및 디코딩
JSON 포맷터
JSON 포맷, 유효성 검사, 압축
YAML ↔ JSON
YAML과 JSON 형식 간 변환
Diff 뷰어
두 텍스트 블록을 비교하고 차이점 강조
대소문자 변환기
텍스트를 camelCase, snake_case, kebab-case 등으로 변환
SQL 포맷터
방언별 옵션으로 SQL 쿼리를 포맷하고 강조 표시
CSV ↔ JSON
CSV와 JSON 간 변환 (테이블 미리보기 지원)
단어 수 세기
단어, 글자, 줄, 문단 수를 셉니다
JSON → TypeScript
JSON에서 TypeScript 인터페이스 생성
JSON Schema 생성기
예시 JSON에서 JSON Schema 생성
HTML 포맷터
HTML 포맷, 정리, 압축
CSS 포맷터
CSS 포맷, 정리, 압축
JavaScript 포맷터
JavaScript 정리 및 압축
UUID 생성기
UUID v4·v7, ULID, Nano ID 생성
비밀번호 생성기
사용자 정의 옵션으로 안전한 비밀번호 생성
해시 생성기
MD5, SHA-1, SHA-256 해시 생성
JWT 디코더
JWT 토큰 디코딩: 헤더, 페이로드, 만료 시간
CSS 박스 그림자 생성기
실시간 미리보기와 프리셋으로 box-shadow CSS 생성
CSS 그라디언트 생성기
실시간 미리보기, 색상 정지점 편집기, 프리셋으로 CSS 그라디언트 생성
CSS 테두리 생성기
실시간 미리보기, 각 변 설정, 프리셋으로 CSS 테두리 생성
색상 변환기
HEX, RGB, HSL 색상 변환
px → rem 변환기
원하는 기준 글꼴 크기로 px, rem, em 변환
정규식 테스터
실시간 매칭으로 정규식 테스트
Cron 파서
Cron 표현식 설명 및 다음 실행 시간 표시
cURL 빌더
cURL 명령 파싱, 작성, 변환
타임스탬프 변환기
Unix 타임스탬프를 날짜로 변환
진법 변환기
2진수, 8진수, 10진수, 16진수 간 변환
알고리즘 시각화
애니메이션과 주석이 달린 예제로 대표적인 알고리즘을 한 단계씩 살펴보세요
버블 정렬
리스트를 처음부터 여러 번 훑으며, 순서가 틀린 이웃 값을 교환합니다. 한 바퀴를 돌 때마다 남은 값 중 최댓값이 끝으로 갑니다.
삽입 정렬
왼쪽에 정렬된 부분을 만들고 값을 하나씩 더해 갑니다. 새 값을 꺼내서 더 작은 값을 만날 때까지 왼쪽으로 옮깁니다.
선택 정렬
남은 값 중 최솟값을 찾아 다음 자리로 교환합니다. 교환은 아주 적지만, 비교 횟수는 언제나 같습니다.
병합 정렬
리스트를 절반으로 나누고 각 절반을 정렬한 뒤, 정렬된 두 절반을 하나의 정렬된 리스트로 합칩니다.
퀵 정렬
값 하나를 골라 피벗(기준값)으로 삼고, 더 작은 값은 왼쪽으로, 더 큰 값은 오른쪽으로 옮깁니다. 그다음 양쪽에서 같은 일을 반복합니다.
힙 정렬
리스트를 힙으로 바꿉니다. 힙은 모든 부모가 자식보다 큰 트리입니다. 그다음 최댓값을 끝으로 옮기는 일을 반복합니다.
너비 우선 탐색(BFS)
그래프를 한 층씩 탐색합니다. 다음 정점은 큐가 정하므로 항상 가까운 정점부터 방문합니다.
깊이 우선 탐색(DFS)
한 길을 갈 수 있는 데까지 깊이 따라간 뒤, 마지막 갈림길로 돌아가며 그래프를 탐색합니다. 화면의 스택이 바로 그 길입니다.
다익스트라 알고리즘
시작점에서 목표까지 가장 싼 길을 찾습니다. 우선순위 큐에서 기다리는 가장 싼 곳을 항상 먼저 꺼내므로, 비용이 시작점에서 홍수처럼 퍼져 나갑니다.
A* 탐색
방향 감각이 있는 다익스트라입니다. 각 장소의 비용에 남은 비용의 추정치를 더하므로, 목표에 가장 가까워 보이는 곳부터 시도합니다.
이진 탐색
정렬된 배열에서 가운데를 보고 값이 있을 수 없는 절반을 버리며 값을 찾습니다. 비교할 때마다 남은 부분이 절반으로 줄어듭니다.