본문으로 건너뛰기
튜토리얼 · 2단계 / 6

Public Key 발급과 관리

Public Key 발급과 관리

텍스트 중심 가이드입니다 · 예상 소요 3분

입문시작하기3분읽기 약 2분업데이트 2026-04-14

Public Key와 Secret Key의 차이를 이해하고 안전하게 관리하는 방법을 배웁니다.

먼저 완료하면 좋은 튜토리얼이 있어요

이 튜토리얼에서 배울 내용
Public Key(cb_pk_*)와 Secret Key(cb_sk_*) 차이
키 발급 및 재발급 방법
환경 변수로 안전하게 관리하기
키 노출 시 대처 방법

Public Key 발급과 관리

ConnectBase Public Key는 SDK가 서버와 통신할 때 "내 앱"을 식별하는 열쇠입니다. 올바르게 관리하지 않으면 보안 문제가 발생할 수 있으므로, 이 가이드를 꼭 읽어주세요.

Public Key vs Secret Key

ConnectBase는 두 종류의 Public Key를 제공합니다:

구분Public KeySecret Key
형식cb_pk_...cb_sk_...
사용 위치프론트엔드 (브라우저, 앱)서버 (Node.js, API Route)
노출 가능?O (안전)X (절대 노출 금지!)
권한 범위읽기, 제한된 쓰기모든 권한 (삭제, 관리)
예시 용도React 앱, 모바일 앱Next.js API Route, 서버리스 함수

💡 쉽게 기억하기: Public Key는 "읽기 전용에 가까운 키", Secret Key는 "관리자 키"

1. Public Key 발급받기

  1. ConnectBase 콘솔에 로그인합니다
  2. 앱을 선택합니다
  3. 왼쪽 메뉴 → 설정Public Keys
  4. Public Key와 Secret Key가 표시됩니다
  5. 키 옆의 복사 버튼으로 복사합니다

2. 환경 변수로 안전하게 관리하기

Public Key를 코드에 직접 넣지 마세요! 환경 변수 파일을 사용합니다.

React (Vite) 프로젝트

프로젝트 루트에 .env 파일 생성:

bash
# .env
VITE_CONNECT_BASE_PUBLIC_KEY=cb_pk_여기에_퍼블릭키_입력

코드에서 사용:

typescript
const cb = new ConnectBase({
  publicKey: import.meta.env.VITE_CONNECT_BASE_PUBLIC_KEY
})

Next.js 프로젝트

bash
# .env.local
NEXT_PUBLIC_CB_PUBLIC_KEY=cb_pk_여기에_퍼블릭키_입력
CB_SECRET_KEY=cb_sk_여기에_시크릿키_입력

⚠️ NEXT_PUBLIC_ 접두사가 붙은 변수만 클라이언트에 노출됩니다. Secret Key에는 절대 이 접두사를 붙이지 마세요!

3. .gitignore에 추가하기

환경 변수 파일이 GitHub에 올라가지 않도록 반드시 .gitignore에 추가합니다:

# .gitignore
.env
.env.local
.env.*.local

4. 키 재발급 (키가 노출된 경우)

만약 Secret Key가 외부에 노출되었다면:

  1. 콘솔 → 설정 → Public Keys로 이동합니다
  2. 키 재발급 버튼을 클릭합니다
  3. 기존 키는 즉시 무효화됩니다
  4. 새 키를 복사하여 환경 변수를 업데이트합니다
  5. 배포 환경(Vercel, AWS 등)의 환경 변수도 업데이트합니다

📌 Public Key가 노출된 것은 정상입니다 (브라우저에서 사용하는 키이므로). Secret Key가 노출된 경우에만 재발급이 필요합니다.

5. 배포 환경별 키 설정

플랫폼설정 방법
VercelSettings → Environment Variables에 추가
NetlifySite settings → Environment variables
AWSParameter Store 또는 Secrets Manager
Dockerdocker-compose.yml의 environment 섹션
ConnectBaseconnectbase.json의 env 섹션

다음 단계

이 튜토리얼이 도움이 됐나요?