축소된 섹션을 사용하여 정보 구성

          `<details>` 태그를 사용하여 축소된 섹션을 만들어 Markdown을 간소화할 수 있습니다.

누가 이 기능을 사용할 수 있나요?

Markdown은 GitHub 웹 인터페이스에서 사용할 수 있습니다.

이 기사에서

축소된 섹션 만들기

Markdown의 섹션을 일시적으로 가리려면 사용자가 확장할 수 있는 축소된 섹션을 만드세요. 예를 들어, 모든 사용자와 관련이 없거나 흥미롭지 않을 수 있는 이슈 주석에 기술 세부 정보를 포함하려는 경우 해당 세부 정보를 축소된 섹션에 넣을 수 있습니다.

<details> 블록 안의 모든 마크다운은 독자가 세부 정보를 확장하기 위해 을 클릭할 때까지 접혀 있습니다.

          `<details>` 블록 내에서 `<summary>` 태그를 사용하여 독자에게 그 안의 내용을 알립니다. 레이블은 <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-triangle-right" aria-label="triangle right icon" role="img"><path d="m6.427 4.427 3.396 3.396a.25.25 0 0 1 0 .354l-3.396 3.396A.25.25 0 0 1 6 11.396V4.604a.25.25 0 0 1 .427-.177Z"></path></svg>의 오른쪽에 표시됩니다.

<details>

<summary>Tips for collapsed sections</summary>

### You can add a header

You can add text within a collapsed section.

You can add an image or a code block, too.

```ruby
   puts "Hello World"
```

</details>

          `<summary>` 레이블 내 Markdown은 기본적으로 축소됩니다.

이 페이지 위의 마크다운이 GitHub에서 렌더링된 스크린샷으로, 오른쪽을 향한 화살표와 "접힌 섹션에 대한 팁"이라는 헤더가 표시되어 있습니다.

사용자가 을 클릭하면 세부 정보가 확장됩니다.

GitHub에 렌더링된 이 페이지의 상단에 있는 Markdown의 스크린샷 축소된 섹션에는 머리글, 텍스트, 이미지, 코드 블록이 포함됩니다.

필요에 따라 섹션을 기본적으로 열려 있는 것으로 표시하려면 open 태그에 <details> 특성을 추가합니다.

<details open>

추가 참고 자료

  •           [GitHub Flavored Markdown 사양](https://github.github.com/gfm/)

  •         [AUTOTITLE](/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)