개발 도구 모음

연습하며 써보는 작은 도구들

정렬, 정규식, JSON, 색상, 진법, 마크다운, ASCII까지 한 페이지에서 테스트할 수 있도록 정리했습니다.

도구 보기 에디터로 이동

도구 탐색

필요한 도구로 바로 이동

↕

정렬 시각화

버블, 선택, 삽입, 퀵 정렬을 애니메이션으로 확인

→ ⌘

코드 에디터

HTML, CSS, JS를 써서 바로 미리보기

→ .*

정규식 테스터

패턴과 문자열을 넣고 매칭 결과 확인

→ {"}

JSON 도구

포맷, 압축, 유효성 검사를 한 번에

→ 2/10

진법 변환

2, 8, 10, 16진수 사이를 변환

→ ◼

색상 변환

HEX와 RGB를 오가며 미리보기

→ MD

마크다운

실시간 미리보기로 글쓰기 연습

→ AZ

ASCII 표

문자 코드 검색과 표 확인

→

확장 프로그램

브라우저에서 바로 쓰는 도구

Ext

EarthQuakeAlert

지진 알림을 돕는 브라우저 확장 프로그램입니다.

저장소 보기

정렬

정렬 알고리즘 시각화

속도

비교 중 교환 중 정렬 완료

코드

코드 에디터와 미리보기

코드 작성

<!DOCTYPE html>
<html>
<head>
  <title>Live Preview</title>
</head>
<body>
  <h1>Hello, World!</h1>
  <p>여기에 HTML을 써보세요.</p>
</body>
</html>

body {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

console.log('Hello, World!');

미리보기

정규식

정규식 테스터

정규식 패턴

플래그

g 전역 i 대소문자 무시 m 멀티라인

테스트 문자열

매칭 결과가 여기에 표시됩니다.

JSON

JSON 포맷 / 검증

JSON 입력

결과

진법

진법 변환기

10진수

2진수

8진수

16진수

색상

색상 변환기

HEX

RGB

미리보기

마크다운

마크다운 미리보기

Markdown 작성

미리보기

ASCII

연습하며 써보는 작은 도구들

필요한 도구로 바로 이동

정렬 시각화

코드 에디터

정규식 테스터

JSON 도구

진법 변환

색상 변환

마크다운

ASCII 표

브라우저에서 바로 쓰는 도구

정렬 알고리즘 시각화

코드 에디터와 미리보기

정규식 테스터

JSON 포맷 / 검증

진법 변환기

색상 변환기

마크다운 미리보기

ASCII / 유니코드 표