---
{"id":"code-snippet","title":"코드·복사 가능한 값","category":"컴포넌트","order":55,"summary":"읽기 전용 명령·설정·식별자 재사용의 사용·상태·접근성 계약.","status":"문서 기준 · UI 미검증","references":["components/code-snippet/usage"]}
---

# 코드·복사 가능한 값

## 목적과 사용

읽기 전용 명령·설정·식별자 재사용에 사용합니다. 편집이 목적이면 editor/textarea를 사용합니다.

## 구성과 변형

원문, 선택적 언어/용도, 복사, 긴 내용 펼침. 변형의 외형은 각 제품의 기존 [토큰](tokens.md)을 사용합니다. Carbon의 크기·색·모서리·아이콘을 가져오지 않습니다.

## 동작 규칙

- CODE-01 MUST: 보이는 줄임표가 원문 복사값에 섞이지 않습니다.
- CODE-02 MUST: 클립보드 성공을 확인한 뒤 성공 피드백을 표시합니다.
- CODE-03 MUST: 비밀 키·세션·고객 정보를 문서 예제에 넣지 않습니다.
- CODE-04 SHOULD: 실행 위험이 있는 명령은 결과·전제·대상을 설명합니다.

## 접근성

복사 버튼 이름과 결과 status를 제공하고 키보드로 원문 선택도 가능합니다. 공통 [접근성 기준](accessibility.md)도 함께 적용합니다.

## 콘텐츠 예시

좋음: ‘서버 주소 복사’ / 피함: 요청 실패에도 check 아이콘.

## 우리 구현과 연결

Panel Server Details의 재사용 값 복사 계약을 참고합니다. 모든 상태·uptime을 복사 컨트롤로 만들 필요는 없습니다.

제품별 소유 경로는 [WICKEDVPS](product-vps.md), [Panel](product-panel.md), [Blesta](product-blesta.md)와 [소스 근거](source-evidence.md)를 확인합니다. 코드 존재와 모든 사용처의 준수는 다르며, 별도 표시가 없는 제품별 준수 상태는 미검증입니다.

## 상태와 검증

clipboard 거부·보안 컨텍스트·여러 줄·Unicode·긴 원문·실패 피드백을 확인합니다.

일반·hover·focus·실행 중·실패·성공·disabled·read-only 중 해당하는 상태를 기록합니다. 해당하지 않는 상태를 임의로 만들지 말고 이유를 남깁니다. [검증 체크리스트](testing.md)에 증거를 연결합니다.