<meta name="description" content="실용적인 예제와 팁이 포함된 종합 가이드. 무료 도구 포함."> <link rel="canonical" href="https://run-dev.com/ko/blog/regex-beginners-guide.html"> <meta property="og:title" content="Regular Expressions: A Beginner's Guide"> <meta property="og:description" content="Regular Expressions: A Beginner's Guide. Free guide with examples."> <meta property="og:url" content="https://run-dev.com/ko/blog/regex-beginners-guide.html"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <link rel="stylesheet" href="/css/style.css?v=20260327c"> <script src="/js/theme.js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6478776854131333" crossorigin="anonymous"></script> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BlogPosting", "headline": "Regex Beginners Guide", "datePublished": "2026-03-16", "dateModified":"2026-03-31", "author": {"@type": "Organization", "name": "RunDev"}, "publisher": {"@type": "Organization", "name": "RunDev"}, "description": "Regular Expressions: A Beginner's Guide. Comprehensive guide with practical examples and tips. Free tools included.", "mainEntityOfPage": {"@type": "WebPage", "@id": "https://run-dev.com/blog/regex-beginners-guide.html"}}</script> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://run-dev.com/"}, {"@type": "ListItem", "position": 2, "name": "Blog", "item": "https://run-dev.com/blog/"}, {"@type": "ListItem", "position": 3, "name": "Regex Beginners Guide", "item": "https://run-dev.com/blog/regex-beginners-guide.html"}]}</script> <link rel="alternate" hreflang="ko" href="https://run-dev.com/ko/blog/regex-beginners-guide.html"> <link rel="alternate" hreflang="en" href="https://run-dev.com/blog/regex-beginners-guide.html"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CZ7GQC3DKR"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-CZ7GQC3DKR",{"linker":{"domains":["conv-kit.com,go-calc.com,gen-kit.com,run-dev.com,seo-io.com,txt-tool.com,img-kit.com,the-pdf.com,dl-kit.com,nettool1.com"]}});</script></head> <body> <header class="site-header"> <div class="container header-inner"> <a href="/" class="logo"> <svg viewBox="0 0 28 28" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="28" height="28" rx="6" fill="#38bdf8"/> <path d="M8 6l-6 6 6 6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><path d="M20 6l6 6-6 6" stroke="#fff" stroke-width="2" stroke-linecap="round"/><path d="M15 4l-2 20" stroke="#fff" stroke-width="2" stroke-linecap="round"/> </svg> Run<span class="logo-accent">Dev</span> </a> <button class="mobile-menu-btn" aria-label="Toggle menu" onclick="document.querySelector('.nav-links').classList.toggle('open')">☰</button> <nav class="nav-links" aria-label="Main navigation"> <a href="/" class="active">Home</a> <a href="/alltools/">Tools</a> <a href="/blog/">Blog</a> <a href="/about.html">About</a> </nav> <div class="header-actions"> <div class="lang-dropdown"> <button class="lang-btn" onclick="this.nextElementSibling.classList.toggle('show')" aria-label="Language"> <span>🇺🇸</span> EN <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </button> <div class="lang-menu" id="langMenu"> <a href="/">🇺🇸 English</a> <a href="/es/">🇪🇸 Español</a> <a href="/fr/">🇫🇷 Français</a> <a href="/de/">🇩🇪 Deutsch</a> <a href="/ja/">🇯🇵 日本語</a> <a href="/pt/">🇧🇷 Português</a> <a href="/zh/">🇨🇳 中文</a> <a href="/ko/">🇰🇷 한국어</a> </div> </div> <button class="theme-toggle" id="themeToggle" onclick="toggleTheme()" title="Toggle theme"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg> </button> </div> </div> </header> <nav class="breadcrumb" aria-label="Breadcrumb"><div class="container"><a href="/">RunDev</a><span class="sep">/</span><a href="/blog/">Blog</a><span class="sep">/</span><span>Regular Expressions: A Beginner's Guide</span></div></nav> <main id="main-content"> <article class="container" style="max-width:800px;margin:2rem auto;padding:0 1rem"><h1>정규 표현식: 초보자 가이드</h1> <p class="text-muted" style="margin-bottom:1.5rem"><time datetime="2026-03-31">2026년 3월 31일</time> · 12분 읽기</p> <details open style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"> <summary style="cursor:pointer;font-weight:600;margin-bottom:0.75rem">📑 목차</summary> <ul style="margin:0;padding-left:1.5rem"> <li><a href="#what-are-regular-expressions">정규 표현식이란?</a></li> <li><a href="#basic-building-blocks">기본 구성 요소</a></li> <li><a href="#quantifiers-explained">수량자 설명</a></li> <li><a href="#character-classes">문자 클래스와 단축키</a></li> <li><a href="#anchors-boundaries">앵커와 경계</a></li> <li><a href="#groups-capturing">그룹과 캡처</a></li> <li><a href="#practical-examples">실용적인 예제</a></li> <li><a href="#advanced-techniques">고급 기법</a></li> <li><a href="#common-pitfalls">흔한 함정과 피하는 방법</a></li> <li><a href="#testing-debugging">정규식 테스트 및 디버깅</a></li> <li><a href="#performance-considerations">성능 고려사항</a></li> <li><a href="#faq">자주 묻는 질문</a></li> </ul> </details> <p>정규 표현식(regex)은 개발자의 무기고에서 가장 강력한 도구 중 하나입니다. 처음에는 어렵게 보일 수 있지만, 기본을 이해하고 나면 텍스트 처리, 유효성 검사, 데이터 추출에 없어서는 안 될 도구가 됩니다.</p> <p>사용자 입력 유효성 검사, 로그 파일 파싱, 데이터 변환 등 어떤 작업을 하든, 정규식은 텍스트 패턴을 다루는 간결하고 유연한 방법을 제공합니다. 이 가이드는 완전한 초보자에서 자신감 있는 정규식 사용자로 안내합니다.</p> <h2 id="what-are-regular-expressions">정규 표현식이란?</h2> <p>정규 표현식은 검색 패턴을 정의하는 문자 시퀀스입니다. 텍스트 패턴을 설명하는 미니 언어라고 생각하세요. 정확한 문자열을 검색하는 대신 "모든 이메일 주소" 또는 "모든 전화번호"와 같은 패턴을 검색할 수 있습니다.</p> <p>정규 표현식은 거의 모든 프로그래밍 언어와 텍스트 편집기에서 사용됩니다. JavaScript, Python, Java, PHP, Ruby, Go 및 수많은 다른 언어에서 지원됩니다. <code>grep</code>, <code>sed</code>, <code>awk</code>와 같은 명령줄 도구도 정규식에 크게 의존합니다.</p> <p>정규식의 장점은 구문을 배우면 다양한 도구와 언어에 적용할 수 있다는 것입니다. 정규식의 "플레이버"(PCRE, JavaScript, Python 등) 간에 약간의 차이가 있지만 핵심 개념은 동일합니다.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>프로 팁:</strong> 간단한 패턴으로 시작하여 점차 복잡성을 높이세요. 첫 시도에서 완벽한 정규식을 작성하려고 하지 마세요. 테스트하면서 반복하고 개선하세요.</p></div> <h2 id="basic-building-blocks">기본 구성 요소</h2> <p>모든 정규식 패턴은 기본 구성 요소로 만들어집니다. 더 복잡한 패턴으로 넘어가기 전에 이러한 구성 요소를 이해하는 것이 필수적입니다.</p> <h3>리터럴 문자</h3> <p>가장 간단한 정규식은 일반 텍스트입니다. <code>cat</code> 패턴은 문자열의 어디에서나 정확한 텍스트 "cat"과 일치합니다. 대부분의 영숫자 문자는 그 자체로 리터럴하게 일치합니다.</p> <p>그러나 일부 문자는 정규식에서 특별한 의미를 가지며 백슬래시로 이스케이프해야 합니다: <code>. ^ $ * + ? { } [ ] \ | ( )</code></p> <p>리터럴 마침표와 일치시키려면 <code>.</code>가 아닌 <code>\.</code>로 작성해야 합니다.</p> <h3>점 메타문자</h3> <p>점(<code>.</code>)은 줄바꿈을 제외한 모든 단일 문자와 일치하는 와일드카드입니다. <code>c.t</code> 패턴은 "cat", "cot", "cut", "c9t", 심지어 "c@t"와도 일치합니다.</p> <p>이것은 점을 매우 강력하게 만들지만 부주의하게 사용하면 잠재적으로 위험할 수도 있습니다. 나중에 더 구체적으로 만드는 방법을 다루겠습니다.</p> <h3>문자 클래스</h3> <p>대괄호는 문자 클래스를 만들어 대괄호 안의 모든 단일 문자와 일치합니다:</p> <ul> <li><code>[aeiou]</code>는 모든 모음과 일치</li> <li><code>[0-9]</code>는 모든 숫자와 일치</li> <li><code>[a-zA-Z]</code>는 모든 문자(대소문자)와 일치</li> <li><code>[a-z0-9]</code>는 모든 소문자 또는 숫자와 일치</li> </ul> <p>캐럿으로 문자 클래스를 부정할 수도 있습니다: <code>[^0-9]</code>는 숫자가 아닌 모든 문자와 일치합니다.</p> <h2 id="quantifiers-explained">수량자 설명</h2> <p>수량자는 패턴이 몇 번 일치해야 하는지 지정합니다. 반복하려는 요소 뒤에 배치됩니다.</p> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="border-bottom:2px solid var(--border)"> <th style="padding:0.75rem;text-align:left">수량자</th> <th style="padding:0.75rem;text-align:left">의미</th> <th style="padding:0.75rem;text-align:left">예제</th> </tr> </thead> <tbody> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>*</code></td> <td style="padding:0.75rem">0회 이상</td> <td style="padding:0.75rem"><code>ab*c</code>는 "ac", "abc", "abbc"와 일치</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>+</code></td> <td style="padding:0.75rem">1회 이상</td> <td style="padding:0.75rem"><code>ab+c</code>는 "abc", "abbc"와 일치하지만 "ac"는 아님</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>?</code></td> <td style="padding:0.75rem">0회 또는 1회 (선택적)</td> <td style="padding:0.75rem"><code>colou?r</code>는 "color"와 "colour"와 일치</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>{n}</code></td> <td style="padding:0.75rem">정확히 n회</td> <td style="padding:0.75rem"><code>\d{3}</code>는 정확히 3개의 숫자와 일치</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>{n,}</code></td> <td style="padding:0.75rem">n회 이상</td> <td style="padding:0.75rem"><code>\d{2,}</code>는 2개 이상의 숫자와 일치</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>{n,m}</code></td> <td style="padding:0.75rem">n회에서 m회 사이</td> <td style="padding:0.75rem"><code>\d{2,4}</code>는 2, 3 또는 4개의 숫자와 일치</td> </tr> </tbody> </table> <h3>탐욕적 vs. 게으른 매칭</h3> <p>기본적으로 수량자는 탐욕적입니다. 가능한 한 많은 텍스트와 일치합니다. <code>.*</code> 패턴은 가능한 모든 것을 소비합니다.</p> <p>HTML 태그 매칭을 고려해보세요: <code><.+></code>를 <code><b>bold</b></code>에 적용하면 <code><b></code>만이 아니라 전체 문자열과 일치합니다.</p> <p>수량자를 게으르게 만들려면(가능한 한 적게 일치) 물음표를 추가하세요: <code><.+?></code>는 이제 <code><b></code>와 <code></b></code>를 별도로 일치시킵니다.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>빠른 팁:</strong> 확실하지 않을 때는 게으른 수량자를 사용하세요. 더 예측 가능하고 예상치 못한 일치를 일으킬 가능성이 적습니다.</p></div> <h2 id="character-classes">문자 클래스와 단축키</h2> <p><code>[0-9]</code>를 반복적으로 작성하는 것은 지루합니다. 정규식은 일반적인 패턴에 대한 단축 문자 클래스를 제공합니다.</p> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="border-bottom:2px solid var(--border)"> <th style="padding:0.75rem;text-align:left">단축키</th> <th style="padding:0.75rem;text-align:left">동등한 표현</th> <th style="padding:0.75rem;text-align:left">설명</th> </tr> </thead> <tbody> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\d</code></td> <td style="padding:0.75rem"><code>[0-9]</code></td> <td style="padding:0.75rem">모든 숫자</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\D</code></td> <td style="padding:0.75rem"><code>[^0-9]</code></td> <td style="padding:0.75rem">숫자가 아닌 모든 것</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\w</code></td> <td style="padding:0.75rem"><code>[a-zA-Z0-9_]</code></td> <td style="padding:0.75rem">모든 단어 문자</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\W</code></td> <td style="padding:0.75rem"><code>[^a-zA-Z0-9_]</code></td> <td style="padding:0.75rem">단어 문자가 아닌 모든 것</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\s</code></td> <td style="padding:0.75rem"><code>[ \t\r\n\f]</code></td> <td style="padding:0.75rem">모든 공백 문자</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem"><code>\S</code></td> <td style="padding:0.75rem"><code>[^ \t\r\n\f]</code></td> <td style="padding:0.75rem">공백이 아닌 모든 문자</td> </tr> </tbody> </table> <p>패턴을 주목하세요: 대문자 버전은 소문자 버전의 부정입니다. 이것은 정규식을 더 읽기 쉽고 간결하게 만듭니다.</p> <h3>단축키를 사용한 실용적인 예제</h3> <ul> <li><code>\d{3}-\d{4}</code>는 "555-1234"와 같은 전화번호와 일치</li> <li><code>\w+@\w+\.\w+</code>는 간단한 이메일 주소와 일치</li> <li><code>\s+</code>는 하나 이상의 공백 문자와 일치</li> <li><code>\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}</code>는 IP 주소와 일치 (완벽하지는 않음)</li> </ul> <h2 id="anchors-boundaries">앵커와 경계</h2> <p>앵커는 문자와 일치하지 않고 텍스트의 위치와 일치합니다. 정확한 패턴 매칭에 필수적입니다.</p> <h3>줄 앵커</h3> <ul> <li><code>^</code>는 줄의 시작과 일치</li> <li><code>$</code>는 줄의 끝과 일치</li> </ul> <p><code>^Hello</code> 패턴은 줄의 시작 부분에 있는 "Hello"와만 일치합니다. 마찬가지로 <code>world$</code>는 줄의 끝에 있는 "world"와만 일치합니다.</p> <p>전체 줄을 정확히 일치시키려면 둘 다 사용하세요: <code>^Hello world$</code>는 앞뒤에 아무것도 없이 정확히 "Hello world"를 포함하는 줄만 일치합니다.</p> <h3>단어 경계</h3> <p><code>\b</code> 앵커는 단어 경계와 일치합니다. 단어 문자(<code>\w</code>)와 비단어 문자 사이의 위치입니다.</p> <p>이것은 전체 단어를 일치시키는 데 매우 유용합니다. <code>\bcat\b</code> 패턴은 "cat"과 일치하지만 "category"나 "scat"과는 일치하지 않습니다.</p> <p>단어 경계가 없으면 <code>cat</code>은 세 가지 모두와 일치합니다. 단어 경계는 복잡성을 추가하지 않고 패턴을 더 정확하게 만듭니다.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>프로 팁:</strong> 전체 단어를 검색할 때는 항상 단어 경계를 사용하세요. 잘못된 일치를 방지하고 정규식을 더 신뢰할 수 있게 만듭니다.</p></div> <h2 id="groups-capturing">그룹과 캡처</h2> <p>괄호는 정규식에서 두 가지 목적을 제공합니다: 그룹화와 캡처. 작동 방식을 이해하면 가장 강력한 기능 중 하나입니다.</p> <h3>수량자를 위한 그룹화</h3> <p>괄호를 사용하면 여러 문자에 수량자를 적용할 수 있습니다. <code>(ha)+</code> 패턴은 "ha", "haha", "hahaha" 등과 일치합니다.</p> <p>괄호가 없으면 <code>ha+</code>는 "ha", "haa", "haaa"와 일치합니다. 수량자는 앞의 문자에만 적용됩니다.</p> <h3>캡처 그룹</h3> <p>그룹은 나중에 사용하기 위해 일치하는 텍스트도 캡처합니다. 이 전화번호 패턴을 고려하세요: <code>(\d{3})-(\d{3})-(\d{4})</code></p> <p>이것은 세 개의 캡처 그룹을 만듭니다: 지역 코드, 접두사, 회선 번호. 대부분의 언어에서 이러한 캡처에 액세스할 수 있습니다:</p> <ul> <li>JavaScript: <code>match[1]</code>, <code>match[2]</code>, <code>match[3]</code></li> <li>Python: <code>match.group(1)</code>, <code>match.group(2)</code>, <code>match.group(3)</code></li> <li>치환에서: <code>$1</code>, <code>$2</code>, <code>$3</code> 또는 <code>\1</code>, <code>\2</code>, <code>\3</code></li> </ul> <h3>비캡처 그룹</h3> <p>때로는 캡처 없이 그룹화만 원할 수 있습니다. 비캡처 그룹에는 <code>(?:...)</code>를 사용하세요: <code>(?:https?://)?www\.example\.com</code></p> <p>이것은 프로토콜을 그룹화하지만 캡처 그룹을 만들지 않아 성능을 향상시키고 코드를 단순화할 수 있습니다.</p> <h3>명명된 캡처 그룹</h3> <p>번호가 매겨진 그룹 대신 명확성을 위해 이름을 지정할 수 있습니다: <code>(?<area>\d{3})-(?<prefix>\d{3})-(?<line>\d{4})</code></p> <p>Python에서는 <code>match.group('area')</code>로, JavaScript에서는 <code>match.groups.area</code>로 명명된 그룹에 액세스합니다. 이것은 코드를 자체 문서화합니다.</p> <h2 id="practical-examples">실용적인 예제</h2> <p>배운 내용을 실제 시나리오에 적용해 봅시다. 이러한 패턴은 시작점입니다. 특정 요구 사항에 맞게 조정해야 하는 경우가 많습니다.</p> <h3>이메일 유효성 검사</h3> <p>간단한 이메일 패턴: <code>[\w.+-]+@[\w.-]+\.[a-zA-Z]{2,}</code></p> <p>이것은 대부분의 일반적인 이메일 형식과 일치하지만 RFC를 준수하지는 않습니다. 프로덕션 사용을 위해서는 전용 이메일 유효성 검사 라이브러리 사용을 고려하세요. 이메일 정규식은 매우 복잡해질 수 있습니다.</p> <h3>URL 매칭</h3> <p>HTTP 및 HTTPS URL 일치: <code>https?://[\w.-]+(?:\.[\w.-]+)+(?:/[\w./?&=%-]*)?</code></p> <p>이것은 도메인, 경로 및 쿼리 문자열을 처리합니다. <code>s?</code>는 'https'의 's'를 선택적으로 만듭니다.</p> <h3>전화번호</h3> <p>유연한 형식의 미국 전화번호: <code>\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}</code></p> <p>다음과 같은 형식과 일치합니다:</p> <ul> <li>(555) 123-4567</li> <li>555-123-4567</li> <li>555.123.4567</li> <li>5551234567</li> </ul> <h3>날짜 형식</h3> <p>ISO 날짜 형식 (YYYY-MM-DD): <code>\d{4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|[12]\d|3[01])</code></p> <p>이것은 월이 01-12이고 일이 01-31인지 확인합니다. 2024-99-99와 같은 잘못된 날짜를 허용하는 <code>\d{4}-\d{2}-\d{2}</code>보다 더 정확합니다.</p> <h3>IP 주소</h3> <p>IPv4 주소: <code>\b(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\b</code></p> <p>이것은 각 옥텟이 0-255 사이인지 확인하여 999.999.999.999와 같은 일치를 방지합니다.</p> <h3>신용카드 번호</h3> <p>선택적 공백 또는 대시가 있는 신용카드 번호 일치: <code>\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}</code></p> <p>Luhn 알고리즘을 사용하여 체크섬을 별도로 검증하는 것을 잊지 마세요. 정규식만으로는 카드 번호가 유효한지 확인할 수 없습니다.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>보안 참고:</strong> 신용카드 번호를 일반 텍스트로 로깅하거나 저장하지 마세요. 이러한 패턴은 초기 형식 유효성 검사에만 사용한 다음 즉시 민감한 데이터를 토큰화하세요.</p></div> <h3>로그에서 데이터 추출</h3> <p>Apache 로그 항목 파싱:</article> </main> <footer class="site-footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col"><h4>Format</h4><a href="/tools/json-formatter/">Json Formatter</a><a href="/tools/html-formatter/">Html Formatter</a><a href="/tools/css-formatter/">Css Formatter</a><a href="/tools/sql-formatter/">Sql Formatter</a><a href="/tools/xml-formatter/">Xml Formatter</a></div> <div class="footer-col"><h4>Encode</h4><a href="/tools/base64/">Base64</a><a href="/tools/jwt-decoder/">Jwt Decoder</a><a href="/tools/hash-generator/">Hash Generator</a></div> <div class="footer-col"><h4>Generate</h4><a href="/tools/uuid-generator/">Uuid Generator</a><a href="/tools/regex-tester/">Regex Tester</a></div> <div class="footer-col"><h4>Tools</h4><a href="/tools/diff-checker/">Diff Checker</a><a href="/tools/color-converter/">Color Converter</a><a href="/tools/timestamp-converter/">Timestamp Converter</a><a href="/tools/json-to-csv/">Json To Csv</a></div> <div class="footer-col"><h4>Company</h4><a href="/about.html">About</a><a href="/blog/">Blog</a><a href="/contact.html">Contact</a><a href="/sitemap.xml">Sitemap</a></div> </div> <div class="footer-bottom"> <span>© 2026 RunDev. All processing happens in your browser.</span> <div class="footer-legal"><a href="/privacy.html">Privacy</a><a href="/terms.html">Terms</a></div> </div> </div> <div class="matrix-links" style="text-align:center;padding:10px 0;border-top:1px solid rgba(255,255,255,0.05)"><span style="color:#666;font-size:0.75em">More Tools: </span><a href="https://dl-kit.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">dl-kit</a><a href="https://nettool1.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">nettool1</a><a href="https://go-calc.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">go-calc</a><a href="https://txt-tool.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">txt-tool</a></div></footer> </body> </html>