https://www.gaonwiki.com/w/index.php?action=history&feed=atom&title=%EC%BD%94%EB%93%9C_%EC%9E%84%EB%B2%A0%EB%94%A9코드 임베딩 - 편집 역사2026-07-18T23:18:47Z이 문서의 편집 역사MediaWiki 1.43.8https://www.gaonwiki.com/w/index.php?title=%EC%BD%94%EB%93%9C_%EC%9E%84%EB%B2%A0%EB%94%A9&diff=106858&oldid=prevAdmin: 시작2023-05-23T04:38:41Z<p>시작</p>
<p><b>새 문서</b></p><div>== 개요 ==<br />
2023년 05월 패치 중, 다양한 코드 공유 사이트들을 임베딩 할 수 있는 확장기능을 추가했습니다. 본 문서는 각 서비스 별 사용 방법에 대해 기술합니다.<br />
<br />
== 한계 ==<br />
* StackBlitz를 임베딩 할 때, ID만 입력하는 방식으로 사용할 때 주의하시기 바랍니다. Replit과 동시에 사용하는 경우, Preview가 계속 로딩이 되면서 'Connecting to dev server...'라고 뜨는 문제가 생기는 문제가 있습니다.<br />
* 주피터 노트북은 직접 실행할 수 없고, 결과 화면을 HTML로 변환하여 임베딩 합니다. 또한 외부 서비스에서 읽어와 보여주는 방식이므로, URL 주소가 외부에서 접근할 수 있어야 합니다.<br />
<br />
== Codepen ==<br />
=== Full URL ===<br />
입력값: <nowiki><codepen>https://codepen.io/ztephanuz7/pen/XWeKgaZ</codepen></nowiki><br />
<codepen>https://codepen.io/ztephanuz7/pen/XWeKgaZ</codepen><br />
<br />
=== Username/pen/ID ===<br />
입력값: <nowiki><codepen>chrisgannon/pen/dypvKvR</codepen></nowiki><br />
<codepen>chrisgannon/pen/dypvKvR</codepen><br />
<br />
== codesandbox ==<br />
=== Full URL ===<br />
입력값: <nowiki><codesandbox>https://codesandbox.io/s/three-js-initial-forked-t81ck4</codesandbox></nowiki><br />
<codesandbox>https://codesandbox.io/s/three-js-initial-forked-t81ck4</codesandbox><br />
<br />
=== ID Only ===<br />
입력값: <nowiki><codesandbox>koh-test-forked-e5v71k</codesandbox></nowiki><br />
<codesandbox>koh-test-forked-e5v71k</codesandbox><br />
<br />
== jsfiddle ==<br />
=== Full URL ===<br />
입력값: <nowiki><jsfiddle>https://jsfiddle.net/theo/VsWb9/</jsfiddle></nowiki><br />
<jsfiddle>https://jsfiddle.net/theo/VsWb9/</jsfiddle><br />
<br />
=== Username/ID ===<br />
입력값: <nowiki><jsfiddle>retorillo/vw5r78zc</jsfiddle></nowiki><br />
<jsfiddle>retorillo/vw5r78zc</jsfiddle><br />
<br />
== Replit ==<br />
=== Full URL ===<br />
입력값: <nowiki><replit>https://replit.com/@19hancock5767/The-best-python</replit></nowiki><br />
<replit>https://replit.com/@19hancock5767/The-best-python</replit><br />
<br />
=== @Username/ID ===<br />
입력값: <nowiki><replit>@mooboo23/python-code</replit></nowiki><br />
<replit>@mooboo23/python-code</replit><br />
<br />
== StackBlitz ==<br />
=== Full URL ===<br />
입력값: <nowiki><stackblitz>https://stackblitz.com/edit/angular-ivy-1ynhkh?file=src%2Fapp%2Fapp.component.ts</stackblitz></nowiki><br />
<stackblitz>https://stackblitz.com/edit/angular-ivy-1ynhkh?file=src%2Fapp%2Fapp.component.ts</stackblitz><br />
<br />
=== ID Only ===<br />
입력값: <nowiki><stackblitz>typescript-msfpva</stackblitz></nowiki><br />
<stackblitz>typescript-msfpva?file=index.ts</stackblitz><br />
<br />
== Glitch ==<br />
=== Full URL ===<br />
입력값: <nowiki><glitch>https://glitch.com/edit/#!/darkened-citrine-kicker?path=server.js%3A1%3A0</glitch></nowiki><br />
<glitch>https://glitch.com/edit/#!/darkened-citrine-kicker?path=server.js%3A1%3A0</glitch><br />
<br />
=== ID Only ===<br />
입력값: <nowiki><glitch>lumbar-harmless-watch</glitch></nowiki><br />
<glitch>lumbar-harmless-watch</glitch><br />
<br />
== Jupiter Notebook ==<br />
<jupiter>https://beta.gaonwiki.com/BreamAndSmelt_Version3.ipynb</jupiter></div>Admin