웹 & 개발자 도구

개발자 도구는 이렇게 작동해요

패턴, 토큰, 페이로드를 붙여 넣으면 입력하는 동안 이 탭에서 바로 검사해요. 서명은 브라우저의 Web Crypto로 계산하고, HTML은 스크립트를 실행하지 않고 읽어요. 페이지 밖으로 나가는 요청이 없으니 운영 환경의 토큰이나 웹훅 시크릿도 어디에도 전송되지 않아요.

문제별로 맞는 도구

• 패턴이 기대한 대로 매칭되지 않아요: 일치하는 부분을 하이라이트하고 쉬운 말로 설명해 주는 정규식 테스트를 사용해 보세요.
• API에서 토큰을 받았어요: JWT 디코딩으로 만료 시점을 확인하고 서명을 검증해요.
• 작업이 이상한 시간에 실행돼요: 크론 표현식 해석으로 식을 풀어보고 다음 실행 시각 목록을 확인해요.
• 페이로드가 거부돼요: JSON 스키마로 검증하거나, 정상 동작하는 페이로드와 비교해 보세요.
• 웹훅 서명이 실패해요: GitHub, Stripe, Slack, Shopify 또는 임의의 HMAC에 대해 원인을 찾아보세요.
• API에 OpenAPI 파일은 있는데 예제가 없어요: 요청을 만들어 curl, fetch, Python 코드로 받아 보세요.
• 다른 사람이 쓴 SQL을 따라가기 어려워요: 쿼리를 단계별로 시각화해 보세요.
• 페이지를 스크린 리더로 쓰기 어려울 수 있어요: 접근성을 검사해 보세요.
• CSS 규칙이 무시돼요: 선택자 우선순위를 계산해서 어떤 규칙이 이기는지 확인해요.