Run on CodeUtility 버튼
독자가 클릭 한 번으로 코드를 실행하게 하세요. 코드를 붙여넣고 언어를 고른 뒤 버튼을 README, 블로그 글, 문서에 복사하면 됩니다. 코드는 CodeUtility 온라인 편집기에서 열리며, 설치 없이 바로 실행하고 수정하고 디버그할 수 있습니다.
버튼 만들기
- 1 코드 붙여넣기
- 2 언어와 스타일 선택
- 3 스니펫 복사
언어
버튼 문구
버튼 스타일
예시
버튼은 이렇게 보입니다. 클릭해서 링크를 확인해 보세요.
스니펫
GitHub와 GitLab README, 대부분의 문서 도구용.
작동 방식
- 독자가 실행할 코드를 붙여넣고 언어를 고르세요.
- Markdown 또는 HTML 스니펫을 복사해 코드 예제 옆에 붙여넣으세요.
- 독자가 버튼을 클릭하면 해당 언어의 CodeUtility 편집기에서 코드가 열립니다. 실행, 수정, 단계별 디버그를 하거나 AI에게 설명을 요청할 수 있습니다.
코드는 링크 안에 그대로 담기므로 버튼을 만들 때 아무것도 업로드되거나 저장되지 않습니다.
활용하는 곳
- GitHub README방문자가 저장소를 클론하지 않고도 라이브러리 예제를 실행해 볼 수 있습니다.
- 튜토리얼과 블로그 글코드 예제마다 버튼을 달아 독자가 읽으면서 바로 실험하게 하세요.
- 강의 자료어떤 컴퓨터에서든 바로 실행되는 연습 문제를 학생들에게 나눠 주세요.
- 문서와 답변예제가 동작함을 보여 주고 사람들이 자기 상황에 맞게 고칠 수 있게 하세요.
자주 묻는 질문
Run on CodeUtility 버튼은 무엇을 하나요?
코드를 해당 언어의 CodeUtility 온라인 편집기에서 열어 바로 실행, 수정, 디버그할 수 있게 합니다. 독자는 아무것도 설치하거나 코드를 복사해 붙여넣을 필요가 없습니다.
버튼은 어디에 쓸 수 있나요?
Markdown이나 HTML을 쓸 수 있는 곳이면 어디든 됩니다. GitHub와 GitLab README, 블로그 글, 문서, 강의 페이지, 포럼 글, 메모 등.
제 코드가 CodeUtility에 저장되나요?
아니요. 코드는 링크 안(# 기호 뒤)에 담기므로 링크를 만들 때 업로드되지 않습니다. 링크를 연 독자는 편집기에서 각자 사본을 받습니다.
크기 제한이 있나요?
스니펫은 약 8 KB 이하로 짧게 유지하세요. 아주 긴 링크는 일부 웹사이트에서 잘릴 수 있습니다. 큰 프로젝트는 편집기에서 워크스페이스를 공유하고 그 링크를 쓰세요.
무료인가요?
네. 버튼, 편집기, 코드 실행 모두 무료이며 독자는 계정이 필요 없습니다.