blob: 27ac6774f1670cb9853a38d20c1a98fc05a495d1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
---
title: '"살아있는" 코드 샘플로 변환하기'
slug: MDN/Contribute/Howto/살아있는_코드_샘플로_변환하기
tags:
- 라이브샘플
- 살아있는 코드
- 샘플코드
translation_of: MDN/Contribute/Howto/Convert_code_samples_to_be_live
---
<div>{{MDNSidebar}}</div><p class="summary">MDN의 라이브 샘플 시스템이란, 페이지에서 보여주는 샘플 코드를 수정하면 이 샘플 코드의 실행 결과도 달라지는 기능을 말합니다. 많은 문서에 샘플 코드들이 있지만 모든 샘플이 이 시스템을 사용하고 있지는 않으며, 생명력을 불어 넣어줘야 합니다.</p>
<table class="full-width-table">
<tbody>
<tr>
<td><strong>어디서부터 시작해야 하나요?</strong></td>
<td><a href="/en-US/docs/tag/NeedsLiveSample">라이브 샘플이 필요한 글 목록</a>을 참고하세요.</td>
</tr>
<tr>
<td><strong>작업을 위해 알아 두어야 할 사항은 무엇인가요?</strong></td>
<td>
<ul>
<li>HTML, CSS에 대한 이해가 필요합니다. 샘플에 따라 JavaScript에 대한 지식을 요구할 수도 있습니다.</li>
<li>MDN 문서 내에서 <a href="/en-US/docs/Project:Introduction_to_KumaScript">쿠마 스크립트<sup>(en)</sup></a> 매크로를 사용할 수 있어야 합니다.</li>
</ul>
</td>
</tr>
<tr>
<td><strong>작업 진행 절차는 어떻게 되나요?</strong></td>
<td>
<p>라이브 샘플을 삽입하는 방법을 포함하여, 올바른 라이브 샘플을 작성하려면 <a href="/en-US/docs/Project:MDN/Contributing/Editor_guide/Live_samples">라이브 샘플 시스템 사용하기<sup>(en)</sup></a> 문서를 참고하세요.</p>
<ol>
<li><a href="/en-US/docs/tag/NeedsLiveSample">라이브 샘플이 필요한 글 목록</a>에서 마음에 드는 글을 고르세요.</li>
<li>샘플에 "생명력을 불어 넣으세요".</li>
<li>과거의 것들은 지워버리세요.</li>
</ol>
</td>
</tr>
</tbody>
</table>
<p> </p>
|
