Skip to content

Commit c1ac7e9

Browse files
i18n(ko-KR): update authoring-content.mdx (#2938)
* i18n(ko-KR): update `authoring-content.mdx` * Update docs/src/content/docs/ko/guides/authoring-content.mdx Co-authored-by: trueberryless <99918022+trueberryless@users.noreply.github.com> --------- Co-authored-by: trueberryless <99918022+trueberryless@users.noreply.github.com>
1 parent 2b26ac9 commit c1ac7e9

File tree

1 file changed

+146
-4
lines changed

1 file changed

+146
-4
lines changed

‎docs/src/content/docs/ko/guides/authoring-content.mdx

Lines changed: 146 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -242,6 +242,10 @@ Expressive Code는 코드 샘플의 시각적 모습을 사용자 정의하기
242242
return '이 줄은 이 스니펫의 라인 #3입니다.';
243243
}
244244
```
245+
246+
<Tabs syncKey="content-type">
247+
248+
<TabItem label="Markdown/MDX">
245249

246250
````md
247251
```js {2-3}
@@ -251,25 +255,63 @@ Expressive Code는 코드 샘플의 시각적 모습을 사용자 정의하기
251255
}
252256
```
253257
````
258+
259+
</TabItem>
260+
261+
<TabItem label="Markdoc">
262+
263+
````markdoc
264+
```js {% meta="{2-3}" %}
265+
function demo() {
266+
// 이 줄(#2)과 다음 줄이 강조 표시됩니다.
267+
return '이 줄은 이 스니펫의 라인 #3입니다.';
268+
}
269+
```
270+
````
271+
272+
</TabItem>
273+
274+
</Tabs>
254275

255276
- [`" "` 마커 또는 정규 표현식을 사용하여 텍스트 선택 항목을 표시합니다.](https://expressive-code.com/key-features/text-markers/#marking-individual-text-inside-lines)
256277

257-
```js "Individual terms" /정규.*지원됩니다./
278+
```js "개별 용어" /정규.*지원됩니다./
258279
// 개별 용어도 강조 표시할 수 있습니다.
259280
function demo() {
260281
return '정규 표현식도 지원됩니다.';
261282
}
262283
```
284+
285+
<Tabs syncKey="content-type">
286+
287+
<TabItem label="Markdown/MDX">
263288

264289
````md
265-
```js "Individual terms" /정규.*지원됩니다./
290+
```js "개별 용어" /정규.*지원됩니다./
291+
// 개별 용어도 강조 표시할 수 있습니다.
292+
function demo() {
293+
return '정규 표현식도 지원됩니다.';
294+
}
295+
```
296+
````
297+
298+
</TabItem>
299+
300+
<TabItem label="Markdoc">
301+
302+
````markdoc
303+
```js {% meta="'개별 용어' /정규.*지원됩니다./" %}
266304
// 개별 용어도 강조 표시할 수 있습니다.
267305
function demo() {
268306
return '정규 표현식도 지원됩니다.';
269307
}
270308
```
271309
````
272310

311+
</TabItem>
312+
313+
</Tabs>
314+
273315
- [`ins` 또는 `del`을 사용하여 텍스트나 줄을 삽입 또는 삭제된 것으로 표시합니다.](https://expressive-code.com/key-features/text-markers/#selecting-inline-marker-types-mark-ins-del)
274316

275317
```js "return true;" ins="삽입" del="삭제된"
@@ -279,6 +321,10 @@ Expressive Code는 코드 샘플의 시각적 모습을 사용자 정의하기
279321
return true;
280322
}
281323
```
324+
325+
<Tabs syncKey="content-type">
326+
327+
<TabItem label="Markdown/MDX">
282328

283329
````md
284330
```js "return true;" ins="삽입" del="삭제된"
@@ -289,6 +335,24 @@ Expressive Code는 코드 샘플의 시각적 모습을 사용자 정의하기
289335
}
290336
```
291337
````
338+
339+
</TabItem>
340+
341+
<TabItem label="Markdoc">
342+
343+
````markdoc
344+
```js {% meta="'return true;' ins='삽입' del='삭제된'" %}
345+
function demo() {
346+
console.log('삽입 및 삭제된 마커 타입입니다.');
347+
// return 문은 기본 마커 타입을 사용합니다.
348+
return true;
349+
}
350+
```
351+
````
352+
353+
</TabItem>
354+
355+
</Tabs>
292356

293357
- [구문 강조와 `diff` 유사 구문을 결합합니다.](https://expressive-code.com/key-features/text-markers/#combining-syntax-highlighting-with-diff-like-syntax)
294358

@@ -300,6 +364,10 @@ Expressive Code는 코드 샘플의 시각적 모습을 사용자 정의하기
300364
+ console.log('새롭고 빛나는 코드!')
301365
}
302366
```
367+
368+
<Tabs syncKey="content-type">
369+
370+
<TabItem label="Markdown/MDX">
303371

304372
````md
305373
```diff lang="js"
@@ -311,6 +379,25 @@ Expressive Code는 코드 샘플의 시각적 모습을 사용자 정의하기
311379
}
312380
```
313381
````
382+
383+
</TabItem>
384+
385+
<TabItem label="Markdoc">
386+
387+
````markdoc
388+
```diff {% meta="lang='js'" %}
389+
function thisIsJavaScript() {
390+
// 이 전체 블록은 JavaScript로 강조표시됩니다.
391+
// 그리고 여전히 diff 마커를 추가할 수 있습니다!
392+
- console.log('제거할 이전 코드')
393+
+ console.log('새롭고 빛나는 코드!')
394+
}
395+
```
396+
````
397+
398+
</TabItem>
399+
400+
</Tabs>
314401

315402
#### Frames 및 titles
316403

@@ -326,37 +413,92 @@ title이 포함된 다른 언어는 코드 편집기 스타일의 프레임에
326413
// my-test-file.js
327414
console.log('안녕하세요!');
328415
```
416+
417+
<Tabs syncKey="content-type">
418+
419+
<TabItem label="Markdown/MDX">
420+
421+
````md
422+
```js
423+
// my-test-file.js
424+
console.log('안녕하세요!');
425+
```
426+
````
427+
428+
</TabItem>
429+
430+
<TabItem label="Markdoc">
329431

330432
````md
331433
```js
332434
// my-test-file.js
333435
console.log('안녕하세요!');
334436
```
335437
````
438+
439+
</TabItem>
440+
441+
</Tabs>
336442

337443
- [터미널 창에 제목 추가](https://expressive-code.com/key-features/frames/#terminal-frames)
338444

339-
```bash title="종속성 설치 중…"
445+
```bash title="의존성 설치 중…"
340446
npm install
341447
```
448+
449+
<Tabs syncKey="content-type">
450+
451+
<TabItem label="Markdown/MDX">
342452

343453
````md
344-
```bash title="종속성 설치 중…"
454+
```bash title="의존성 설치 중…"
345455
npm install
346456
```
347457
````
458+
459+
</TabItem>
460+
461+
<TabItem label="Markdoc">
462+
463+
````markdoc
464+
```bash {% title="의존성 설치 중…" %}
465+
npm install
466+
```
467+
````
468+
469+
</TabItem>
470+
471+
</Tabs>
348472

349473
- [`frame="none"`으로 창 프레임 비활성화](https://expressive-code.com/key-features/frames/#overriding-frame-types)
350474

351475
```bash frame="none"
352476
echo "bash 언어를 사용해도 터미널로 렌더링되지 않습니다."
353477
```
478+
479+
<Tabs syncKey="content-type">
480+
481+
<TabItem label="Markdown/MDX">
354482

355483
````md
356484
```bash frame="none"
357485
echo "bash 언어를 사용해도 터미널로 렌더링되지 않습니다."
358486
```
359487
````
488+
489+
</TabItem>
490+
491+
<TabItem label="Markdoc">
492+
493+
````markdoc
494+
```bash {% frame="none" %}
495+
echo "bash 언어를 사용해도 터미널로 렌더링되지 않습니다."
496+
```
497+
````
498+
499+
</TabItem>
500+
501+
</Tabs>
360502

361503
## Details
362504

0 commit comments

Comments
 (0)