개발 — 개발하다 필요한 것들

이럴 때 이걸 쓰세요

개발의 도구

24개

스물넷이 전부 브라우저 안에서 돕니다

도구 스물넷 어느 것도 서버에 무엇을 보내지 않습니다. 해시는 브라우저의 SubtleCrypto 가 내고, 토큰은 토크나이저를 브라우저로 내려받아 셉니다. 새는지 보려고 비밀을 남의 서버에 보내면 앞뒤가 맞지 않으니, 비밀 검사는 특히 그래야 합니다.

하나가 끝나면 다음 것이 이어집니다

JWT 는 Base64 로 싼 JSON 셋을 점으로 이은 것이라, Base64 와 JSON 포맷터로 손수 따라가 볼 수 있습니다. 거기 든 exp 는 초 단위 타임스탬프라 시각 도구에 넣으면 언제 만료됐는지 읽힙니다. 정규식으로 걸러 낸 두 로그는 비교 도구에 넣어 어디가 달라졌는지 봅니다.

자주 걸리는 자리

Base64 는 바이트를 다루는 것이라 여기서는 한글을 UTF-8 로 먼저 바꾸고 넘깁니다. 다른 곳에서 만든 값을 풀어 글자가 깨지면 인코딩부터 의심하세요. 타임스탬프는 초와 밀리초가 천 배 어긋나기 쉬워, 자릿수로 짐작하되 무엇으로 읽었는지 밝힙니다. JWT 는 서명을 검증하지 않고 안에 든 것을 읽어 줄 뿐입니다 — 비밀키를 웹페이지에 붙여넣게 할 수는 없습니다.

AI 에 붙여넣기 전에

AI 에 붙여넣는 코드나 로그에 열쇠가 섞이는 일이 잦고, 한 번 보내면 되돌릴 수 없습니다. 비밀 검사는 OpenAI·GitHub·AWS 열쇠, 개인키, 주민번호·카드번호처럼 생김새가 정해진 것을 찾아 가립니다. 꼴이 정해지지 않은 사내 토큰은 지나치므로 깨끗하다고 안심하지 마세요. 토큰 세기는 OpenAI 의 o200k_base 로 세므로 Claude·Gemini 쪽 숫자는 근사치입니다.

자주 묻는 것

붙여넣은 것이 서버로 올라가나요?

올라가지 않습니다. 포맷·인코딩·해시·비교까지 전부 브라우저 안에서 끝나고, 이 사이트에는 받는 서버 자체가 없습니다. 토큰이나 고객 데이터를 다루는 자리에서 쓰기 위한 전제입니다.

사내망이나 망분리 환경에서도 되나요?

화면을 한 번 받고 나면 처리는 브라우저 안에서 하므로 됩니다. 다만 글꼴과 광고는 바깥에서 받아 오므로, 막혀 있으면 모양이 조금 달라질 수 있습니다.

에러 사전의 로그는 어디서 온 건가요?

옮겨 적은 것이 아니라 도커 컨테이너에서 실제로 재현해 받아 온 것입니다. 항목마다 어떤 이미지로 어떻게 재현했는지를 함께 적어 두었습니다.

결과가 원본과 똑같이 동작하나요?

포맷과 압축은 널리 쓰이는 라이브러리를 그대로 씁니다. 그래도 줄인 코드는 배포 전에 한 번 돌려 보시길 권합니다 — 확인은 쓰는 분 몫으로 남겨 둡니다.

개발