Tabs와 Details

2026. 02. 01. 00:00 • 읽는데 3분

Tabs #

운영체제, 프로그래밍 언어, 설치 도구처럼 같은 목적의 여러 선택지를 나눌 때 사용합니다.

go-html

{{< tabs "package-manager" >}}
{{% tab "npm" %}}
```bash
npm install
```
{{% /tab %}}

{{% tab "pnpm" %}}
```bash
pnpm install
```
{{% /tab %}}
{{< /tabs >}}

npm

bash

npm install

pnpm

bash

pnpm install

첫 번째 인자는 같은 페이지 안에서 탭 그룹을 구분하는 이름입니다.

Details #

긴 로그, 보충 설명, FAQ 답변을 기본적으로 접어둘 때 사용합니다.

go-html

{{% details "설명 펼치기" %}}
이곳에 자세한 내용을 작성합니다.
{{% /details %}}

Details

이곳에 자세한 내용을 작성합니다.

핵심 내용을 숨기기보다는, 없어도 글의 흐름을 이해할 수 있는 보조 내용에 사용하는 편이 좋습니다.