문의

최종 업데이트: 2026년 7월 7일

web-operations 도구, Blog, Play, 콘텐츠 수정, 접근성, localization, 정책 요청을 bobob.app에 보낼 수 있습니다.

이메일

사이트 질문, 도구 문제, 콘텐츠 수정, 정책 요청은 bobob935@gmail.com 으로 보내세요. 도구 문제를 보낼 때는 페이지 URL, 입력 유형, 브라우저, 기대한 결과를 함께 적어 주세요.

안전한 공유

비밀번호, 개인 키, 실제 access token, 고객 데이터, 비공개 내부 호스트명은 보내지 마세요. 예제를 보낼 때는 민감한 값을 제거한 뒤 공유하세요.

사이트 운영

이 사이트는 web-operations workbench로 운영되며 Blog와 Play는 운영 기록과 실험을 보강하는 표면입니다. URL/header/DNS/sitemap/token/API 점검, 직접 쓴 글, 플레이 가능한 실험, 정확도, 탐색, 접근성, 번역 품질, 실제 작업 흐름을 개선하는 피드백을 우선합니다.

재현 가능한 보고

문제를 보낼 때는 페이지 URL, 브라우저, 안전하게 바꾼 입력 예시, 기대한 결과, 실제 결과, 화면에 보인 경고를 함께 적어 주세요. 그래야 민감정보 없이 같은 흐름을 다시 확인할 수 있습니다.

처리할 수 없는 요청

이 연락 채널은 계정 복구, 비공개 인프라 조사, 실제 인증정보 처리, 법률 판단, 운영 보안 검토를 대신하지 않습니다. 공개 가능한 예시와 사이트 품질 또는 도구 동작에 관한 내용으로 제한해 주세요.

콘텐츠 수정 요청

문구가 부정확하거나 오래된 경우에는 route, 언어, 문제가 되는 문장, 더 안전한 표현을 함께 보내 주세요. 단순히 '틀림'이라고만 적는 것보다 어느 도구나 가이드에서 사용자가 오해할 수 있는지 알려 주는 보고가 더 빨리 반영됩니다.

도구 동작 보고

formatter, parser, generator, network check 문제가 있다면 입력의 구조, 선택한 옵션, 표시된 경고, 결과를 사용할 대상 환경을 함께 적어 주세요. 공개 URL 검사 문제라면 redirect, DNS, header, robots, canonical 같은 관련 신호도 함께 확인하면 재현이 쉬워집니다.

민감정보 제거 기준

문제 재현에 실제 값이 필요해 보이더라도 토큰, 비밀번호, 개인 키, 고객 식별자, 내부 host, 일회용 링크는 보내지 마세요. 같은 길이와 구조를 가진 테스트 값으로 바꾸고, 원본 값이 무엇을 의미하는지만 짧게 설명하는 방식이 안전합니다.

수정 요청에 포함할 맥락

문구 수정이나 번역 오류를 보낼 때는 페이지 경로, 언어, 문제가 되는 문장, 실제 사용자가 오해할 수 있는 이유, 제안 표현을 함께 적어 주세요. 이렇게 보내면 단순 철자 수정인지, 도구 결과 해석에 영향을 주는 문제인지 빠르게 분리할 수 있습니다.

네트워크와 SEO 점검 보고

DNS, HTTP, robots, sitemap, meta, Open Graph 관련 문제는 공개 URL, 확인한 시간, 예상 상태, 실제 상태, redirect chain, response header, canonical 신호를 같이 적으면 좋습니다. 내부 관리자 주소나 인증이 필요한 URL은 공개 메일로 보내지 마세요.

입력 예시를 안전하게 만드는 방법

실제 token, cookie, customer id, 내부 host, 일회성 링크가 들어간 예시는 같은 구조의 테스트 값으로 바꿔 주세요. 필드 이름과 길이, 인코딩 방식, 줄바꿈 구조는 남겨도 되지만 식별 가능한 값은 제거해야 합니다.

우선 확인하는 문제

결과가 틀리게 계산되는 경우, 복사가 잘못되는 경우, locale 페이지에 영어 placeholder가 남은 경우, 모바일에서 입력 영역이 가려지는 경우, 공개 route가 404 또는 redirect loop를 만드는 경우를 우선 확인합니다.

웹 운영 점검 워크벤치

모든 도구를 www.bobob.app 아래에 두어 탐색, 색인, 관련 작업 흐름을 일관되게 유지합니다. 가능한 포맷, 디코딩, 생성 작업은 브라우저에서 실행합니다. 새 도구는 메타데이터, 언어, 예제, FAQ, 가이드, 관련 링크, 기본 검증을 함께 가져야 합니다.

JSON 포매터브라우저 로컬

API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.

사용 사례

  • API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • {"status":"ok","items":[1,2,3]}
  • {"user":{"id":123,"roles":["admin"]},"active":true}

흔한 실패 사례

trailing comma, comment, single quote가 섞이면 브라우저 JSON 파서에서 실패합니다.

복사 전 확인

정리된 구조의 array, object, null, number 형태가 API 계약과 맞는지 확인합니다.

Regex 테스터브라우저 로컬

JavaScript 정규식을 실제 샘플 텍스트에 바로 적용해 match, flag, capture group을 확인하는 도구입니다.

사용 사례

  • JavaScript 정규식을 실제 샘플 텍스트에 바로 적용해 match, flag, capture group을 확인하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • ^[^\s@]+@[^\s@]+\.[^\s@]+$
  • https?:\/\/[^\s"'<>]*[A-Za-z0-9/#]

흔한 실패 사례

PCRE나 Python에서 되던 패턴이 JavaScript RegExp에서는 다르게 동작할 수 있습니다.

복사 전 확인

match되어야 하는 샘플과 실패해야 하는 샘플을 각각 하나 이상 넣어 봅니다.

JWT 디코더브라우저 로컬

JWT의 header와 payload를 브라우저에서 디코딩해 만료 시간, issuer, scope를 빠르게 확인하는 도구입니다.

사용 사례

  • JWT의 header와 payload를 브라우저에서 디코딩해 만료 시간, issuer, scope를 빠르게 확인하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxMjMifQ.signature
  • Expected aud=bobob-api with scope read:tools

흔한 실패 사례

디코딩된 payload가 보여도 이 도구가 signature를 검증한 것은 아닙니다.

복사 전 확인

exp, nbf, iss, aud, scope, tenant claim을 운영 환경 기준으로 확인합니다.

Base64 인코더 디코더브라우저 로컬

텍스트, Base64, Base64URL, 이미지 data URL, JSON payload, JWT segment를 로컬에서 변환하고 복사 전 구조를 확인하는 도구입니다.

사용 사례

  • 텍스트, Base64, Base64URL, 이미지 data URL, JSON payload, JWT segment를 로컬에서 변환하고 복사 전 구조를 확인하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • hello world
  • SGVsbG8sIEJvYiE=

흔한 실패 사례

URL-safe Base64와 표준 Base64는 padding과 문자셋이 달라 그대로 섞으면 실패할 수 있습니다.

복사 전 확인

encode/decode 모드가 대상 값의 방향과 맞는지 먼저 확인합니다.

Cron Expression 생성기브라우저 로컬

반복 작업 시간을 five-field cron 표현식으로 만들고 사람이 읽을 수 있는 설명으로 검토하는 도구입니다.

사용 사례

  • 반복 작업 시간을 five-field cron 표현식으로 만들고 사람이 읽을 수 있는 설명으로 검토하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • */15 * * * *
  • 0 9 * * 1-5

흔한 실패 사례

five-field crontab과 seconds/year가 있는 Quartz cron은 필드 수부터 다릅니다.

복사 전 확인

대상 scheduler가 5, 6, 7 field 중 무엇을 받는지 확인합니다.

UUID 생성기브라우저 로컬

테스트 데이터, 임시 식별자, seed 값에 쓸 UUID v4를 한 번에 여러 개 생성하는 도구입니다.

사용 사례

  • 테스트 데이터, 임시 식별자, seed 값에 쓸 UUID v4를 한 번에 여러 개 생성하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • 5 UUIDs
  • 20 UUIDs for fixtures

흔한 실패 사례

UUID v4는 고유 식별자일 뿐 secret이나 정렬 가능한 timestamp가 아닙니다.

복사 전 확인

필요한 개수를 정하고 bulk 복사는 한 줄에 하나씩 유지합니다.

Hash 생성기브라우저 로컬

MD5, SHA-1, SHA-256, SHA-512 해시와 HMAC signature를 비교해 체크섬, webhook 테스트, 변경 감지를 확인하는 도구입니다.

사용 사례

  • MD5, SHA-1, SHA-256, SHA-512 해시와 HMAC signature를 비교해 체크섬, webhook 테스트, 변경 감지를 확인하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • hello world
  • release-artifact-v1.2.3

흔한 실패 사례

Hash는 암호화가 아니며 password 저장 보호책으로 단독 사용하면 안 됩니다.

복사 전 확인

대상 시스템이 읽는 정확한 원문 기준으로 입력을 normalize합니다.

비밀번호 생성기브라우저 로컬

랜덤 비밀번호와 기억하기 쉬운 passphrase를 로컬에서 생성하고 길이, 문자 구성, 단어 수, 호환성 경고를 함께 확인합니다.

사용 사례

  • 랜덤 비밀번호와 기억하기 쉬운 passphrase를 로컬에서 생성하고 길이, 문자 구성, 단어 수, 호환성 경고를 함께 확인합니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • 24 characters, symbols enabled
  • 32 characters, no ambiguous characters

흔한 실패 사례

생성된 password나 passphrase도 clipboard history, screenshot, chat log를 통해 유출될 수 있습니다.

복사 전 확인

대상 시스템의 길이, 문자, 공백 허용 정책에 맞춰 모드를 선택합니다.

QR Code 생성기브라우저 로컬

URL, Wi-Fi, 이메일, vCard payload를 빌더로 만든 뒤 QR code 스캔 밀도, 목적지, 추적 파라미터를 확인합니다.

사용 사례

  • URL, Wi-Fi, 이메일, vCard payload를 빌더로 만든 뒤 QR code 스캔 밀도, 목적지, 추적 파라미터를 확인합니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • https://www.bobob.app
  • WIFI:T:WPA;S:Guest Network;P:example-password;;

흔한 실패 사례

긴 URL, Wi-Fi, vCard payload는 QR이 너무 조밀해져 실제 카메라에서 잘 안 읽힐 수 있습니다.

복사 전 확인

Wi-Fi, 이메일, vCard는 수동 편집보다 payload 빌더로 생성합니다.

DNS 조회서버 검사

공개 도메인의 A, AAAA, MX, TXT, NS, CNAME 레코드와 복사 가능한 DNS 배포 보고서로 도메인 설정을 점검합니다.

사용 사례

  • 공개 도메인의 A, AAAA, MX, TXT, NS, CNAME 레코드와 복사 가능한 DNS 배포 보고서로 도메인 설정을 점검합니다.
  • 서버 확인 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • bobob.app deployment checklist
  • bobob.app, A

흔한 실패 사례

공개 DNS 캐시 때문에 도메인 이전 중에는 이전 레코드가 계속 보일 수 있습니다.

복사 전 확인

A, CNAME, MX, TXT, NS처럼 필요한 레코드 유형을 정확히 선택합니다.

HTTP Status 체커서버 검사

공개 URL의 상태 코드, redirect 결과, 주요 응답 header, 복사 가능한 점검 보고서를 확인해 배포와 SEO 상태를 점검합니다.

사용 사례

  • 공개 URL의 상태 코드, redirect 결과, 주요 응답 header, 복사 가능한 점검 보고서를 확인해 배포와 SEO 상태를 점검합니다.
  • 서버 확인 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • https://www.google.com
  • http://bobob.app

흔한 실패 사례

리다이렉트 흐름은 예상과 다른 host, path, protocol, locale에서 끝날 수 있습니다.

복사 전 확인

status code, final URL, content type, cache header를 함께 확인합니다.

Color 변환기브라우저 로컬

HEX, RGB, HSL 색상을 서로 변환하고 실제 전경/배경 조합의 WCAG 대비를 확인하는 도구입니다.

사용 사례

  • HEX, RGB, HSL 색상을 서로 변환하고 실제 전경/배경 조합의 WCAG 대비를 확인하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • #2563eb on #ffffff
  • rgb(24,24,27) on #fafafa

흔한 실패 사례

대비율이 통과해도 실제 글자 크기, 굵기, 상태가 다르면 읽기 어려울 수 있습니다.

복사 전 확인

실제 UI의 전경과 배경 쌍으로 다시 확인합니다.

SQL 포매터브라우저 로컬

긴 SQL 쿼리를 리뷰와 디버깅에 맞게 줄바꿈하고 정렬해 diff가 읽히도록 만드는 도구입니다.

사용 사례

  • 긴 SQL 쿼리를 리뷰와 디버깅에 맞게 줄바꿈하고 정렬해 diff가 읽히도록 만드는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • select id,name from users where active=1 order by created_at desc
  • select count(*) from orders where created_at >= '2026-01-01'

흔한 실패 사례

formatting은 SQL을 읽기 좋게 만들 뿐 query 안전성이나 성능을 증명하지 않습니다.

복사 전 확인

실행하기 전에 원본 query와 formatted query의 조건과 join을 비교합니다.

CSS 포매터브라우저 로컬

압축되거나 흐트러진 CSS를 읽기 좋은 블록으로 정리해 스타일 수정과 리뷰를 쉽게 합니다.

사용 사례

  • 압축되거나 흐트러진 CSS를 읽기 좋은 블록으로 정리해 스타일 수정과 리뷰를 쉽게 합니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • .card{display:flex;color:#111}
  • @media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}

흔한 실패 사례

formatting은 selector specificity나 cascade 결과를 바꾸지 않습니다.

복사 전 확인

selector, media query, custom property가 원래 block에 붙어 있는지 확인합니다.

JavaScript 포매터브라우저 로컬

압축되거나 읽기 어려운 JavaScript를 보기 좋게 정리해 디버깅과 코드 리뷰를 돕는 도구입니다.

사용 사례

  • 압축되거나 읽기 어려운 JavaScript를 보기 좋게 정리해 디버깅과 코드 리뷰를 돕는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.

이 도구를 시작하기 좋은 입력값

  • function hi(){console.log('bob');}
  • const total=items.reduce((sum,item)=>sum+item.price,0)

흔한 실패 사례

formatting은 lint, compile, type check, security review를 대신하지 않습니다.

복사 전 확인

읽기 좋아진 코드라도 untrusted JavaScript는 실행하지 않습니다.

bobob935@gmail.com으로 이메일 보내기
문의 | bobob.app