# Markdown 배지 목록, Discourse 배지가 아닙니다. 일부 사이트에서 국기처럼 보이는 작은 이미지들

**URL:** https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112
**Category:** Community Building
**Created:** [3월 31, 2023, 2:19오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112 "2023-03-31T14:19:33Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![EricGT](https://avatars.discourse-cdn.com/v4/letter/e/f1d935/32.png) [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [3월 31, 2023, 2:19오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/1 "2023-03-31T14:19:33Z")

</div>

> **[GitHub - a11y-badges/a11y-markdown-badges: accessible markdown badges for profile and project...](https://github.com/a11y-badges/a11y-markdown-badges)**
>
> accessible markdown badges for profile and project READMEs (and everything else!) via a11y badges

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [3월 31, 2023, 2:51오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/2 "2023-03-31T14:51:55Z")

</div>

![Discourse](https://global.discourse-cdn.com/meta/original/4X/e/7/5/e7565fa141f575dff50b773ccaac81c40b492ad5.svg)

왼쪽에 로고가 없는 것 같습니다. 🤔

솔직히 말하면, 이 것들이 정확히 어떤 용도인지 100% 확신은 없습니다. 🙂 @EricGT님, 설명해 주시겠어요? 구글링을 좀 줄여주세요.

---

<div class="post-metadata">

### Author: ![EricGT](https://avatars.discourse-cdn.com/v4/letter/e/f1d935/32.png) [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [3월 31, 2023, 8:43오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/3 "2023-03-31T20:43:50Z")

</div>

> [@JammyDodger](#):
>
> @EricGT 님, 좀 더 자세히 설명해 주시겠어요? 구글링을 좀 줄여주세요.

[Repology](https://repology.org)에서 배지가 광범위하게 사용된다는 것을 알고 있습니다. 다음 SWI-Prolog 예시를 참고하세요: [![MSYS2 mingw package](https://global.discourse-cdn.com/meta/original/4X/0/d/d/0ddb84be781bf7b8366fb3eb58229a6ab9bf381e.svg)](https://repology.org/project/swi-prolog/versions)

최근에는 [neuro-vector-symbolic architectures](https://github.com/IBM/neuro-vector-symbolic-architectures)의 GitHub 저장소에서 DOI 배지를 발견했습니다: [![DOI](https://global.discourse-cdn.com/meta/original/4X/9/3/a/93a59883812e399b3a3881fd936bc774ae43b85c.svg)](https://zenodo.org/badge/latestdoi/587315616). 연구 논문을 많이 읽는 분들에게 DOI는 매우 중요하며 [DOI 사이트](https://www.doi.org/)를 통해 찾을 수 있지만, 마크다운 배지를 사용하면 이 검색 단계를 생략할 수 있습니다.

더 자세히 알고 싶어서 ChatGPT에게 이 특정 DOI 배지에 대해 설명해 달라고 요청했습니다. ChatGPT의 답변은 다음과 같습니다:

> 이 마크다운은 Zenodo라는 연구 데이터 저장소에 호스팅된 특정 리소스의 DOI(Digital Object Identifier) 링크를 가진 배지를 생성합니다.
> 
> 배지를 생성하는 데 사용된 구문은 다음과 같습니다:

```plaintext
[![DOI](https://zenodo.org/badge/587315616.svg)](https://zenodo.org/badge/latestdoi/587315616)

```

> 배지는 하이퍼링크를 가진 이미지(이 경우 SVG 이미지)로 구성됩니다. 이 하이퍼링크는 해당 리소스의 최신 DOI로 연결됩니다. `![DOI]` 구문은 이미지가 DOI를 나타내도록 지정하며, `https://zenodo.org/badge/587315616.svg` 링크는 이미지 파일 자체의 URL입니다. 마크다운의 두 번째 부분인 `https://zenodo.org/badge/latestdoi/587315616`은 클릭 시 사용자가 이동하는 하이퍼링크로, 지정된 리소스의 최신 버전 DOI입니다.
> 
> 전반적으로, 이 마크다운은 연구 리소스에 DOI가 존재함을 나타내는 데 유용하며, 문서, 웹 페이지 또는 기타 온라인 리소스에 임베드할 수 있습니다."

이를 통해 GitHub의 [a11y-markdown-badges](https://github.com/a11y-badges/a11y-markdown-badges) 저장소를 발견하게 되었고, 여기에는 배지에 대한 더 많은 예시가 있습니다. 또한 "[online markdown badge generator](https://www.google.com/search?q=online+markdown++badge+generator)"라고 검색하여 여러 온라인 마크다운 배지 생성기를 찾았습니다. 이제 배지가 더 다재다능하며 링크이자 텍스트나 아이콘의 짧은 형태가 될 수 있다는 것을 알게 되었으므로, 다른 배지들도 주의를 기울여 보고 제 Discourse 게시물에서 사용해보려 합니다.

* * *

> [@JammyDodger](#):
>
> 왼쪽의 로고가 없는 것 같습니다. 🤔

이것이 Chrome에서 페이지에 표시되는 모습입니다.

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/4X/3/c/c/3cc3ebe0e68b947bf56cd73f934a42e8e47eba98.png)

그리고 Discourse의 마크다운 배지는 다음과 같이 표시됩니다.

![Discourse](https://global.discourse-cdn.com/meta/original/4X/e/7/5/e7565fa141f575dff50b773ccaac81c40b492ad5.svg)

저장하기 전의 Discourse 편집 미리보기(오른쪽 패널) 캡처

![image](https://global.discourse-cdn.com/meta/original/4X/c/a/7/ca71d8d1aa250980ff4d97339f86481538694fc5.png)

비슷하거나 동일한 문제에 대해서는 다음 섹션을 참조하세요.

* * *

Discourse에서 배지를 사용할 때 제가 가진 주요 문제는 페이지가 저장되면(아마도 cooking 단계 중에) Discourse가 이미지를 캐시한다는 것입니다. 특정 버전의 Repology 배지는 변환되어 더 이상 업데이트되지 않습니다. 이 문제를 알게 된 계기는 이 [페이지](https://swi-prolog.discourse.group/t/repology-list-package-repositories-such-as-swi-prolog/6369)를 만든 것이었습니다. 제 희망은 SWI-Prolog 포럼의 Discourse 페이지에 게시된 모든 배지가 배지 내 링크가 변경됨에 따라 배지 생성도 변경되도록 하는 것이었습니다. ☹

* * *

**편집**

제 문제에 대해 더 조사해 보았더니

1. 이 것과 관련 있는 사이트 설정은 `download`, `hotlink`, `image` 또는 `local`으로 검색하면 찾을 수 있습니다.
2. `admin` 접근 권한이 있는 사용자의 경우 `Rebuild HTML`이 효과적일 수 있습니다. 현재는 테스트 데이터를 만들 계획은 없고, 몇 주 동안 배지가 변경되기를 기다린 후 확인하겠습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/6/6/a66dd3a4f54870bd59c48fc66e44c5d9a3e2a434.png)

---

<div class="post-metadata">

### Author: ![VSCPlays](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vscplays/32/351146_2.png) [@VSCPlays](https://meta.discourse.org/u/VSCPlays)
#### Post date: [4월 1, 2023, 6:34오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/4 "2023-04-01T18:34:13Z")

</div>

이거 유용하네요, 어디서든 사용하겠습니다 🙂

---

<div class="post-metadata">

### Author: ![EricGT](https://avatars.discourse-cdn.com/v4/letter/e/f1d935/32.png) [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [4월 1, 2023, 10:17오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/5 "2023-04-01T22:17:53Z")

</div>

어젯밤, 이것이 [키-값](https://en.wikipedia.org/wiki/Name%E2%80%93value_pair)과 매우 유사하다는 생각이 떠올랐습니다. 프로그래머로서 [딕셔너리 구조](https://en.wikipedia.org/wiki/Associative_array)나 [JSON](https://en.wikipedia.org/wiki/JSON)을 다뤄본 적이 있다면, 이 점은 바로 눈에 들어올 것입니다. 물론 개별적으로 보면 키-값처럼 보이지는 않지만, 그것들을 한 열에 충분히 많이 나열해 놓으면 그 유사성을 놓치기 어렵습니다.

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [4월 3, 2023, 3:24오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/6 "2023-04-03T15:24:38Z")

</div>

> [@EricGT](#):
>
> 이 특정 DOI 배지에 대해 더 알고 싶어서 ChatGPT에게 설명을 요청해 보았습니다. ChatGPT가 한 말은 다음과 같습니다:

이것은 "[ChatGPT는 상황을 더 악화시킬 것입니다](https://meta.discourse.org/t/how-are-we-all-feeling-about-chatgpt-and-other-llms-and-how-theyll-impact-forums/259230/28)"라는 칼럼의 훌륭한 사례입니다.

구체적으로 말하자면:

- "`![DOI]` 구문은 이미지가 DOI를 나타내도록 지정한다"는 것은 엄밀히 말해 틀렸습니다. 그것은 마크다운에서 이미지를 지정하는 구문의 \_일부\_일 뿐입니다. `!`는 그 뒤에 오는 링크(일반적인 마크다운 링크 구문을 사용하여)가 인라인으로 표시되어야 하는 이미지 파일의 URL임을 나타냅니다. `[DOI]` 부분은 단순히 해당 링크의 \_대체 텍스트(alt text)\_입니다.
- "마크다운의 두 번째 부분"은 실제로 \_두 번째 부분\_이 아니라, 첫 번째 줄의 첫 번째 `[`를 포함하여 _전체 "첫 번째 부분"을 감싸고 있습니다._
- 이미 마크다운이 어떻게 작동하는지 이해하고 있지 않다면, 마지막 문장은 매우 오해의 소지가 있습니다. 마크다운을 HTML과 같은 형태로 \_렌더링\_하여 표시할 수 있는 방법이 없는 웹 페이지나 문서에서는 전혀 유용하지 않을 것이기 때문입니다.

요약하자면: ChatGPT는 재미있게 놀기에는 좋지만, 학습 목적으로 사용하고 있다면 아마도 잘못된 정보를 얻고 있을 가능성이 높습니다. 그리고 다른 사람들을 돕기 위해 그 출력물을 비판 없이 그대로 재활용하지 마세요. 그것은 기본적으로 출력물에 "인간 세척(human-washing)"을 하여 더 합법적으로 보이게 만드는 것과 같습니다.

---

<div class="post-metadata">

### Author: ![EricGT](https://avatars.discourse-cdn.com/v4/letter/e/f1d935/32.png) [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [4월 3, 2023, 6:52오후 UTC](https://meta.discourse.org/t/list-of-markdown-badges-no-not-discourse-badges-those-little-images-that-look-like-flags-on-some-sites/260112/7 "2023-04-03T18:52:28Z")

</div>

> [@mattdm](#):
>
> 학습 목적으로 사용 중이라면, 아마도 잘못된 정보를 얻고 있을 가능성이 큽니다.

저는 ChatGPT를 새로운 것을 배우기 위해 사용하지 않습니다. 하지만 프롬프트 엔지니어링에 능숙하고 출력을 검증하는 방법을 안다면, ChatGPT는 꽤 유용합니다.

이 [토픽](https://swi-prolog.discourse.group/t/llm-large-language-model-such-as-chatgpt-prompts-related-to-prolog/6248)은 SWI-Prolog와 관련된 ChatGPT 프롬프트 시리즈를 시작합니다. 생성된 코드 중 상당수는 작동하지 않거나 수정이 필요합니다. 때로는 매우 명시적인 프롬프트를 사용하면 첫 시도에도 작동하는 코드가 생성되기도 합니다.
