๋ฉ”์ธ ์ปจํ…์ธ ๋กœ ์ด๋™
๋ฒ„์ „: Canary ๐Ÿšง

๐Ÿ“ฆ theme-live-codeblock

react-live ๊ธฐ๋ฐ˜ @theme/CodeBlock ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ง€์›ํ•˜๋Š” ํ…Œ๋งˆ์ž…๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ฝ”๋“œ ์—๋””ํ„ฐ ๋ฌธ์„œ์—์„œ ์ฐธ๊ณ ํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

์„ค์ •โ€‹

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