요약

이 AI 코드 검사기는 브라우저 안에서 전부 실행되는 무료 규칙 기반 사전 점검 도구입니다: JavaScript, PHP, Python, CSS 스니펫을 붙여넣고 언어를 고르면, 아홉 가지 결정적 검사(깊은 중첩, 긴 함수, 매직 넘버, 디버그 흔적, TODO 마커, 반복되는 줄, 그리고 PHP의 WordPress 이스케이프나 Python의 빈 except절 같은 언어별 검사 두 가지)로 구성된 0에서 100 사이의 점수를 받습니다. 이는 휴리스틱 사전 점검이지 AI 리뷰어가 아니며, ESLint나 PHPCS, 혹은 Pattern Forge, Elementor AI, Divi AI가 만든 코드가 고객 사이트로 넘어가기 전에 거치는 사람의 검토를 대신하지 않습니다.

AI 코드 검사기: 배포 전에 문제를 잡아내세요

Pattern Forge, Elementor AI, Divi AI가 만든 코드나 직접 짠 스크립트를 붙여넣으세요. 이 AI 코드 검사기는 서버 왕복도 계정 가입도 없이, 브라우저 안에서 규칙 기반 사전 점검을 실행합니다.

Draft a pattern

AI 코드 검사기

JavaScript, PHP, Python, CSS 스니펫을 붙여넣고 언어를 선택하면, 구체적인 지적 사항과 함께 규칙 기반 사전 점검 점수를 받아볼 수 있습니다. 브라우저 밖으로는 아무것도 나가지 않습니다.

규칙 기반 정적 사전 점검 · 브라우저 안에서 전부 실행됩니다

사전 점검 점수 --

위에 코드를 붙여넣거나 예시를 불러와 검사를 실행하세요.

    작동 방식

    AI 코드 검사기가 실제로 확인하는 것

    결정적 규칙 아홉 가지

    긴 줄, 깊은 중첩, 긴 함수, 매직 넘버, 디버그 흔적, TODO 마커, 반복되는 줄까지 정규식과 카운팅만으로 스니펫을 검사합니다. 린터가 내부적으로 쓰는 것과 같은 종류의 휴리스틱입니다.

    언어별 전용 검사 두 가지

    JavaScript는 비동기 오류 처리 누락과 var 사용 여부를 봅니다. PHP는 이스케이프 누락과 텍스트 도메인 누락을 봅니다. Python은 빈 except절과 가변 기본값을 봅니다. CSS는 !important 남용과 하드코딩된 색상을 봅니다.

    판정이 아니라 점수

    각 항목은 정해진 상한 안에서만 점수를 깎으므로, 문제 하나가 점수 전체를 무너뜨리지 않습니다. 0에서 100 사이의 숫자와 정확한 개수, 해당 줄을 함께 보여줄 뿐 근거 없는 판단은 내리지 않습니다.

    플래그가 찍힌 스니펫은 이렇게 보입니다

    모든 플래그는 막연한 점수가 아니라 구체적인 패턴을 가리킵니다

    위의 JavaScript 예시를 불러오면 검사기는 100점 만점에 37점을 돌려줍니다. 중첩 깊이 7단계, 남아 있는 console.log() 두 번, 근처에 try/catch가 없는 fetch() 호출 하나, let이나 const가 더 적절할 var 선언 다섯 개가 그 이유입니다. PHP 예시를 불러오면 71점이 나오는데, esc_html()이나 esc_attr() 없이 변수를 출력하는 echo문 두 개와 텍스트 도메인이 빠진 번역 문자열 하나를 지적합니다. 이런 디테일은 diff를 훑어보는 것만으로는 놓치기 쉽고, 그대로 고객 사이트로 넘어갑니다.

    • JavaScript 예시: 37점, 중첩 깊이 7단계와 디버그용 console.log() 두 번을 지적
    • PHP 예시: 71점, 이스케이프되지 않은 echo() 두 건과 누락된 텍스트 도메인을 지적
    • Python 예시: 82점, 빈 except절과 가변 기본 인자를 지적
    • CSS 예시: 72점, !important 네 번과 하드코딩된 16진수 색상 세 개를 지적
    코드 줄 옆에 상태 점 체크리스트 패널이 있는 노트북 화면 클로즈업
    실제 워크플로에 적용하기

    생성과 배포 사이, 이 도구가 자리하는 지점

    1. 1

      패턴이나 스니펫을 생성합니다

      Pattern Forge, Elementor AI, Divi AI, 또는 직접 만든 스크립트에 블록, 숏코드 핸들러, 스타일 블록을 요청하세요.

    2. 2

      붙여넣고 언어를 선택합니다

      위 검사기에 결과물을 붙여넣고 JavaScript, PHP, Python, CSS 중 하나를 선택하세요. 아무것도 업로드되지 않으며, 검사는 이 탭 안에서만 실행됩니다.

    3. 3

      점수만이 아니라 체크리스트를 읽으세요

      이스케이프되지 않은 echo()가 잡힌 90점은 배포 준비가 된 상태가 아닙니다. 긴 줄 경고만 있는 70점은 일회성 고객 사이트라면 괜찮을 수 있습니다. 중요한 것은 숫자가 아니라 세부 내역입니다.

    4. 4

      고친 뒤 실제 도구로 다시 검증하세요

      코드가 배포되기 전에 ESLint, WordPress 규칙셋을 적용한 PHPCS, 또는 pylint를 실행하세요. 이 검사기는 첫 번째 단계일 뿐, 둘 중 무엇도 대신하지 않습니다.

    AI 코드 검사기에 대해 자주 묻는 질문

    이 AI 코드 검사기, 정말 AI인가요?
    아닙니다. 오히려 그 점을 분명히 말씀드리는 게 낫겠습니다: 이것은 규칙 기반의 정적 검사기입니다. 스니펫에 대해 단순한 패턴 매칭, 정규식, 카운팅 로직만 실행하며, 이는 린터와 스타일 체커가 수년간 써온 것과 같은 종류의 기법입니다. 코드를 읽고 추론하는 모델도, 그런 추론을 수행하는 서버 호출도 없습니다. AI 코드 리뷰가 아니라 사전 점검이라고 부르는 게 정확합니다.
    제 코드가 브라우저 밖으로 나가나요?
    아닙니다. 모든 처리는 지금 보고 계신 이 탭 안에서, 클라이언트 측에서 실행됩니다. 이 페이지가 하는 유일한 네트워크 호출은 익명이고 IP를 남기지 않는 사용 신호로, 도구가 사용되었다는 사실만 기록할 뿐 무엇을 붙여넣었는지는 기록하지 않습니다. 스니펫은 어디로도 전송되지 않습니다.
    어떤 언어를 검사하나요?
    JavaScript, WordPress에 맞춘 PHP, Python, 그리고 CSS 또는 SCSS입니다. 각 언어는 저마다 두 가지 전용 검사를 추가로 받습니다: PHP는 이스케이프와 텍스트 도메인을, JavaScript는 비동기 오류 처리와 var 사용을, Python은 빈 except절과 가변 기본값을, CSS는 !important 남용과 하드코딩된 색상을 확인합니다.
    점수가 높으면 배포해도 안전하다는 뜻인가요?
    아닙니다. 높은 점수는 눈에 띄는 문제가 없었다는 뜻이지, 안전하다는 보증이 아닙니다. 규칙 기반 검사기는 잘못된 비즈니스 로직이나 깨진 쿼리, 자신의 패턴에 걸리지 않는 보안 취약점은 잡아내지 못합니다. 코드가 고객 사이트에 닿기 전에 ESLint, WordPress 규칙셋을 적용한 PHPCS, 또는 pylint를 실행하고 diff를 직접 읽어보세요.
    Pattern Forge, Elementor AI, Divi AI를 그냥 믿지 않고 왜 이 도구를 따로 만들었나요?
    AI 패턴 생성기는 작동하는 코드를 만드는 데는 능숙하지만, 배포해도 안전한 코드를 만든다는 보장은 없기 때문입니다. Elementor AI, Divi AI, Bricks AI는 각각 몇 초 만에 동작하는 패턴을 돌려줄 수 있습니다. 다만 그 패턴이 출력을 제대로 이스케이프하는지, 문서화되지 않은 커스텀 클래스 수십 개에 의존하는지는 별개의 문제이며, 이 검사기가 빠르고 솔직한 첫 판단을 제공합니다.
    코드 조각의 일부만 붙여넣으면 어떻게 되나요?
    검사는 여전히 실행되지만, 전체 맥락이 없으면 중첩 깊이나 함수 길이가 실제보다 나빠 보일 수 있고, PHP 이스케이프 검사도 붙여넣은 echo문만 볼 수 있습니다. 휴리스틱이 공정한 신호를 낼 수 있도록 함수나 파일을 충분히 붙여넣으세요. 점수는 입력한 만큼만 정확합니다.
    모든 프로젝트에서 계속 써도 되나요?
    네. 방문 사이에 저장되는 것은 없고, 계정도 필요 없으며, 코드를 붙여넣는 인내심 외에는 별다른 제한도 없습니다. 이 페이지를 즐겨찾기에 추가해 두고, AI 패턴 생성기가 새로운 결과물을 내줄 때마다 실행해 보세요.

    AI가 생성한 패턴을 더 확신을 갖고 배포하세요

    noonwp의 Pattern Forge와 Page Scribe는 바로 이런 흐름을 위해 만들어졌습니다: 생성하고, 사전 점검하고, 고객 사이트에 닿기 전에 직접 diff를 읽는 것.

    Open the scriptorium
    Noon