yunkoo.dev

MDX Component

SummaryBox

섹션 마지막에 기억할 내용을 bullet로 정리합니다.

SummaryBox

섹션 마지막에 기억할 내용을 bullet로 정리합니다.

items는 배열 또는 | 로 구분한 문자열을 받을 수 있습니다.

tone 사용 팁: 평범한 설명은 neutral, 참고 정보는 info, 좋은 결론은 success, 주의할 점은 warning, 위험한 작업은 danger를 먼저 떠올리면 됩니다. 자세한 기준은 tone 사용법에 모아두었습니다.

Preview

요약

  • MDX는 글과 컴포넌트를 함께 쓴다
  • 코드블록은 언어를 붙인다
  • 컴포넌트는 필요한 곳에만 쓴다

MDX

<SummaryBox
  title="요약"
  tone="success"
  size="sm"
  items="MDX는 글과 컴포넌트를 함께 쓴다|코드블록은 언어를 붙인다|컴포넌트는 필요한 곳에만 쓴다"
/>

More Examples

섹션 마지막 정리

이번 섹션에서 기억할 것

  • 문제는 작게 쪼갠다
  • 불확실한 부분은 글로 남긴다
  • 다음 작업을 하나만 정한다

MDX

<SummaryBox
  title="이번 섹션에서 기억할 것"
  items="문제는 작게 쪼갠다|불확실한 부분은 글로 남긴다|다음 작업을 하나만 정한다"
/>