markdown 숨기기 펼치기 기능을 알아보자 feat. github

목차

• 방법
• 규칙
• 폼
• 참고링크

방법

<details>
  <summary>Click me</summary>

  ### Heading
  1. Foo
  2. Bar
     * Baz
     * Qux

  ### Some Code
  ```js
  function logSomething(something) {
    console.log('Something', something);
  }
  ```
</details>

규칙

1. </summary> 태그 또는 마크다운/코드 블록이 렌더링되지 않을 경우 빈 줄이 표시됩니다.
2. 접을 수 있는 섹션이 여러 개 있는 경우 각 </details>태그 뒤에 빈 줄을 입력합니다.

폼

<details>
  <summary> 표시할 문구 </summary>

펼쳐질 내용
markdown형식으로 작성 가능
</details>

참고링크

https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab

마치며

redmine에서는 {{collapse }} 로 숨기기 펼치기 기능을 사용 했는데, 난 이게 markdown 형식에서 사용되는 문법인줄 알고 github에서 PR 작성 할 때 사용했는데 적용이 안되서 당황했다.

최근엔 redmine을 사용하는 일이 줄어서 저 문법도 긴가민가 하긴 했지만, github에선 다른 방식이 있나 싶어서 검색해 보니 본문에 나온 방법이 나왔다. 물론 이건 github에서만 되는 것은 아니고, markdown 형식의 에디터라면 어디든 적용되는 것 같다. (hackmd에서 시험 해봄.)

뭔가 html 문법을 적용시키는 느낌이 들어서 약간 거부감이 있기는 한데, 이거 외엔 딱히 방법이 안보이고 제일 쉬워 보이는 방법이라 이걸 쓰기로 했다.

이외에 다른 쉬운 방법이 있다면 댓글에 남겨주면 감사하겠습니다.