๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ
๋ฒ„์ „: 2.4.3

๐Ÿ“ฆ theme-live-codeblock

This theme provides a @theme/CodeBlock component that is powered by react-live. You can read more on interactive code editor documentation.

npm install --save @docusaurus/theme-live-codeblock

Configurationโ€‹

docusaurus.config.js
module.exports = {
plugins: ['@docusaurus/theme-live-codeblock'],
themeConfig: {
liveCodeBlock: {
/**
* live playground ์œ„์น˜๋ฅผ ์—๋””ํ„ฐ์˜ ์œ„ ๋˜๋Š” ์•„๋ž˜๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
* ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’: "top" | "bottom"
*/
playgroundPosition: 'bottom',
},
},
};