클라이언트 ID 및 시크릿 생성기

브라우저에서 OAuth 클라이언트 ID와 클라이언트 시크릿을 생성합니다. 접두사, 시크릿 길이, 생성 개수를 선택할 수 있습니다.

도구 열기 도구 목록으로
// about

도구 소개

이 도구는 브라우저에서 무작위 클라이언트 ID와 시크릿 코드를 로컬로 생성합니다. 개발용 인증 정보나 테스트 연동에 사용하고, 생성한 시크릿은 안전한 보관소에 저장하세요.

사용 방법

  1. 클라이언트 ID 접두사, 시크릿 길이, 생성 개수를 입력합니다.
  2. 생성 버튼을 누르고 만들어진 클라이언트 ID와 시크릿을 확인합니다.
  3. 결과를 복사해 안전한 보관소에 저장하세요. 지운 시크릿은 복구할 수 없습니다.

이 도구를 찾는 이유

  • 원하는 접두사를 사용해 여러 클라이언트 자격 증명을 빠르게 생성합니다.
  • 24~128자의 시크릿 길이를 선택해 테스트용 인증 정보를 만들 수 있습니다.
  • 브라우저에서 생성되며 결과가 서버로 전송되지 않습니다.

자주 묻는 질문 (FAQ)

생성된 자격 증명이 저장되나요?

아니요. 브라우저에서 생성되며 페이지가 결과를 저장하지 않습니다.

시크릿은 최대 몇 자까지 만들 수 있나요?

24자부터 128자까지 선택할 수 있습니다.

실서비스에서 사용해도 되나요?

개발과 테스트 용도로 사용하세요. 실서비스에서는 제공자의 정책에 따라 관리형 보관소에 시크릿을 저장해야 합니다.

가이드 · 보안 · 4분 읽기

안전한 비밀번호 만드는 법: 길이, 엔트로피, 그리고 비밀번호 관리자

특수문자를 하나 넣으라는 규칙은 익숙하지만, 실제로 비밀번호를 강하게 만드는 것은 무작위성과 길이입니다. 숫자로 계산해 보면 어떤 비밀번호가 왜 약한지 분명해집니다.

공격자가 비밀번호를 알아내는 방법은 크게 세 가지입니다. 첫째, 다른 사이트에서 유출된 아이디와 비밀번호를 그대로 대입하는 '크리덴셜 스터핑'. 둘째, 자주 쓰이는 비밀번호와 단어를 차례로 넣어 보는 '사전 공격'. 셋째, 가능한 모든 조합을 시도하는 '무차별 대입'입니다.

숫자 6자리            : 6 × log2(10)  ≈ 20비트
소문자 16자(무작위)   : 16 × log2(26) ≈ 75비트
94종 문자 12자(무작위): 12 × log2(94) ≈ 79비트
영숫자 16자(무작위)   : 16 × log2(62) ≈ 95비트
비밀번호 강도를 결정하는 엔트로피 계산법, 복잡한 규칙보다 길이가 중요한 이유, 피해야 할 패턴과 비밀번호 관리자 활용법을 정리합니다.
가이드 읽기 →

관련 가이드

데이터 4분 읽기

UUID 가이드: v4와 v7의 차이, 데이터베이스 기본 키로 쓸 때 주의할 점

UUID의 구조와 버전별 차이, 중복 가능성이 사실상 0인 이유, 데이터베이스 기본 키로 UUID v4 대신 v7이 주목받는 이유를 설명합니다.

가이드 읽기
AI로 직접 만들기

이 도구를 AI로 직접 만들어 보세요

나만의 버전이 필요하다면 아래 작업지시 프롬프트를 AI 채팅에 붙여 넣거나, 스킬 파일을 AI 코딩 에이전트에 저장하세요. 저희가 이 도구를 만들 때 정리한 기능, 예외 상황, 테스트 케이스가 그대로 담겨 있습니다.

AI 작업지시 프롬프트

Claude, ChatGPT, Gemini 같은 AI 채팅에 그대로 붙여 넣으세요.

당신은 숙련된 풀스택 웹 개발자입니다. 아래 요구사항에 맞춰 "클라이언트 자격 증명 생성기" 웹 도구를 만들어 주세요.

## 목표

API 연동용 클라이언트 ID와 클라이언트 시크릿을 안전하게 생성하는 도구를 만든다.

## 핵심 기능

- 접두사를 붙인 클라이언트 ID 생성(예: app_)
- 길이와 문자 집합을 고를 수 있는 시크릿 생성
- Base64URL·16진수 출력 선택
- 환경 변수(.env) 형식 미리보기
- 항목별 복사

## 입력

- 접두사, 시크릿 길이(바이트), 출력 형식

## 출력

- 클라이언트 ID
- 클라이언트 시크릿
- .env 형식 텍스트

## 예외 상황과 처리 규칙

- 시크릿 최소 32바이트 권장 안내
- 생성 값을 서버로 전송하거나 저장하지 않음
- URL·헤더에 안전한 문자만 사용
- 새로고침 시 값이 사라진다는 안내

## 구현 조건

- 서버 없이 브라우저에서 동작하는 단일 페이지(HTML, CSS, JavaScript)로 만들고, 입력 데이터를 외부로 전송하지 마세요.
- 모바일에서도 쓰기 편한 반응형 UI로 만들고, 입력 요소에는 레이블을 달아 키보드로도 조작할 수 있게 해 주세요.
- 결과에는 '복사' 버튼을 달고, 잘못된 입력에는 이해하기 쉬운 한국어 오류 메시지를 보여 주세요.
- 핵심 로직은 UI와 분리된 함수로 작성해 단위 테스트를 할 수 있게 해 주세요.

## 완료 기준 (테스트 케이스)

- 32바이트 Base64URL 시크릿은 43자(패딩 없음)
- 연속 생성한 값이 서로 다름
- 접두사 입력 시 ID가 해당 접두사로 시작

먼저 구현 계획을 5줄 이내로 설명한 다음 전체 코드를 작성하고, 마지막에 위 테스트 케이스를 확인하는 방법을 알려 주세요.

스킬 (SKILL.md)

Claude Code 같은 AI 코딩 에이전트에서 .claude/skills/build-client-credential-generator/SKILL.md 경로로 저장하면, 이 도구를 만들거나 고칠 때마다 다시 쓸 수 있습니다.

---
name: build-client-credential-generator
description: 클라이언트 자격 증명 생성기 도구를 새로 만들거나 수정할 때 사용합니다. API 연동용 클라이언트 ID와 클라이언트 시크릿을 안전하게 생성하는 도구를 만든다.
---

# 클라이언트 자격 증명 생성기 만들기

## 목표

API 연동용 클라이언트 ID와 클라이언트 시크릿을 안전하게 생성하는 도구를 만든다.

## 작업 순서

1. 아래 필수 기능, 입력, 출력을 확인하고 빠진 정보가 있으면 먼저 질문합니다.
2. 핵심 로직을 UI와 분리된 순수 함수로 구현합니다.
3. 검증 목록의 테스트 케이스로 로직을 확인합니다.
4. 입력 폼, 결과 영역, 복사 버튼을 갖춘 반응형 UI를 만듭니다.
5. 규칙에 적힌 예외 상황을 하나씩 재현해 보고 오류 메시지를 다듬습니다.

## 핵심 기능

- 접두사를 붙인 클라이언트 ID 생성(예: app_)
- 길이와 문자 집합을 고를 수 있는 시크릿 생성
- Base64URL·16진수 출력 선택
- 환경 변수(.env) 형식 미리보기
- 항목별 복사

## 입력

- 접두사, 시크릿 길이(바이트), 출력 형식

## 출력

- 클라이언트 ID
- 클라이언트 시크릿
- .env 형식 텍스트

## 규칙

- 시크릿 최소 32바이트 권장 안내
- 생성 값을 서버로 전송하거나 저장하지 않음
- URL·헤더에 안전한 문자만 사용
- 새로고침 시 값이 사라진다는 안내
- 서버 없이 브라우저에서 동작하는 단일 페이지(HTML, CSS, JavaScript)로 만들고, 입력 데이터를 외부로 전송하지 마세요.

## 검증

- [ ] 32바이트 Base64URL 시크릿은 43자(패딩 없음)
- [ ] 연속 생성한 값이 서로 다름
- [ ] 접두사 입력 시 ID가 해당 접두사로 시작

AI에게 맡길 때 팁

  • 첫 줄에 사용 중인 기술(예: React, Vue, 순수 HTML)을 적으면 프로젝트에 맞는 코드를 받을 수 있습니다.
  • 코드를 받기 전에 목록의 테스트 케이스를 실제로 실행하고 결과를 보여 달라고 요청하세요.
  • 실제 비밀번호, 고객 데이터, API 키는 프롬프트에 넣지 말고 예시 값으로 바꿔 쓰세요.