개발자 도구 모음

코딩 학습을 위한 유용한 도구들

도구 둘러보기

필요한 도구를 선택해 바로 이동하세요.

📊

정렬 시각화

버블·퀵 정렬 등 알고리즘을 시각적으로 확인

→ 📝

코드 에디터

HTML, CSS, JS를 작성하고 미리보기

→ 🔍

정규표현식

패턴을 테스트하고 매칭 결과 확인

→ 📋

JSON 포맷터

JSON 포맷, 압축, 유효성 검증

→ 🔢

진법 변환

2, 8, 10, 16진수 상호 변환

→ 🎨

색상 변환

HEX ↔ RGB 변환 및 미리보기

→ 📄

Markdown

마크다운 작성 후 실시간 미리보기

→ 🔤

ASCII 테이블

문자 코드 검색 및 테이블 확인

→

정렬 알고리즘 시각화

속도:

💡 버블 정렬 (Bubble Sort)

인접한 두 원소를 비교하여 큰 값을 뒤로 보냅니다. 마치 거품이 위로 올라오듯 가장 큰 값이 맨 뒤로 이동합니다.

⏱️ 시간 복잡도: O(n²)
📦 공간 복잡도: O(1)
✅ 안정 정렬

비교 중 교환 중 정렬 완료

코드 에디터

코드 작성

<!DOCTYPE html>
<html>
<head>
    <title>미리보기</title>
</head>
<body>
    <h1>안녕하세요!</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!');

// 여기에 JavaScript를 작성하세요

미리보기

정규표현식 테스터

정규표현식 패턴

플래그

g (전역) i (대소문자 무시) m (여러 줄)

테스트 문자열

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

Markdown 미리보기

Markdown 작성

미리보기

개발자 도구 모음

도구 둘러보기

정렬 시각화

코드 에디터

정규표현식

JSON 포맷터

진법 변환

색상 변환

Markdown

ASCII 테이블

정렬 알고리즘 시각화

💡 버블 정렬 (Bubble Sort)

코드 에디터

정규표현식 테스터

JSON 포맷터 / 검증기

진법 변환기

색상 변환기

Markdown 미리보기

ASCII / 유니코드 테이블