### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 21, 2024, 5:28오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/1 "2024-11-21T05:28:39Z")
| | | |
| --- | --- | --- |
| ℹ | **요약** | 오늘 생일과 결혼기념일을 표시하기 위해 사이트에 배너를 추가합니다. |
| 👓 | **미리보기** | [Theme Creator](https://discourse.theme-creator.io/theme/NateDhaliwal/nd-bdays-anns) |
| 🛠 | **저장소** | [GitHub - NateDhaliwal/Discourse-Birthdays-Anniversaries-Today](https://github.com/NateDhaliwal/Discourse-Birthdays-Anniversaries-Today) |
| ❓ | **설치 가이드** | [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **디스코urs 테마를 처음 사용하시나요?** | [디스코urs 테마 사용 입문 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
이 테마 컴포넌트 설치
> 👉 Cakeday 플러그인이 [코어에 포함](https://meta.discourse.org/t/bundling-more-popular-plugins-with-discourse-core/373574)되었으므로, 이 테마 컴포넌트를 사용하려면 플러그인을 별도로 설치할 필요가 없습니다.
## 개요
이 테마 컴포넌트는 홈페이지 상단에 해당 날짜의 생일과 결혼기념일을 표시하는 배너를 배치합니다.
## 설정
`banner_location` 설정을 통해 배너를 배치할 위치를 선택할 수 있습니다. 사용 가능한 옵션은 다음과 같습니다:
- `above-site-header`
- `below-site-header`
- `above-main-containter`
`banner_text_color` 및 `banner_background_color` 설정은 각각 배너의 텍스트 색상과 배경색을 변경합니다. `var(--primary)` 또는 `var(--tertiary)`와 같은 디스코urs CSS 변수나 16진수(Hex) 값을 입력할 수 있습니다.
또한, `anniversaries_text` 및 `birthdays_text` 설정을 사용하면 각각 해당 이벤트를 축하하는 사용자 수를 나타내는 플레이스홀더 `%{count}`를 사용할 수 있습니다.
표시되는 사용자는 \*핑(ping)\*되지 않습니다: 사용자를 표시하기 위해 ``를 사용합니다. 사용자를 클릭하면 각 사용자의 사용자 카드가 여전히 표시됩니다.
## 스크린샷:
### 데스크톱:
### 모바일:
* * *
## 추가 정보
사용자 표시를 위해 데이터는 `/cakeday/anniversaries/today.json` 및 `/cakeday/birthdays/today.json`에서 가져옵니다.
이 아이디어는 디스코urs를 살펴보다 Cakeday 플러그인이 설치되어 있음에도 왜 다른 사용자의 생일과 결혼기념일을 축하하지 않는지 궁금해하면서 떠올랐습니다. 제가 belonged했던 포럼이나 Meta에서도 이런 식으로 하곤 했습니다. 이 테마 컴포넌트를 사용하면 사용자의 특별한 날을 함께 축하하며 더 포용적인 커뮤니티를 조성할 수 있습니다.
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 21, 2024, 1:15오후 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/2 "2024-11-21T13:15:10Z")
이제 배너의 배경색과 텍스트 색상을 사용자 지정할 수 있습니다.
> [@NateDhaliwal](#):
>
> `banner_text_color` 및 `banner_background_color` 설정은 각각 배너의 텍스트 색상과 배경색을 변경합니다. `var(--primary)` 또는 `var(--tertiary)`와 같은 Discourse CSS 변수를 입력하거나, Hex 값도 사용할 수 있습니다.
`var()` 키워드를 사용할 필요가 없도록 `@if` 문장을 추가할 수 있습니다.
---
### Author:  [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [11월 21, 2024, 1:35오후 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/3 "2024-11-21T13:35:32Z")
네, 감사합니다. 데이터가 없는 경우 아무 메시지도 표시하지 않고 배너 자체를 숨기는 것이 가능할까요?
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 22, 2024, 1:05오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/4 "2024-11-22T01:05:15Z")
괜찮아요, 어차피 그렇게 하려고 했거든요.
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 22, 2024, 4:14오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/5 "2024-11-22T04:14:40Z")
조금 동안 이 서비스가 중단될 예정입니다. 수정 작업을 하고 있기 때문입니다. 몇 가지 getter의 이름을 올바른 것으로 수정하고 디버깅을 해야 했습니다. 아직 작업 중입니다.
수정: 이제 다시 작동합니다. 새로운 설정에 대한 최종 테스트를 좀 해보겠습니다.
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [11월 26, 2024, 9:52오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/6 "2024-11-26T09:52:02Z")
업데이트: 이 기능을 제어하는 설정에 일부 문제가 있습니다. 비동기 `fetch()`를 사용하고 있기 때문인 것 같습니다. 곧 다시 확인해 보겠습니다.
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [12월 12, 2024, 10:24오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/7 "2024-12-12T10:24:34Z")
지금 이 문제를 수정하면서 임시로 #broken 태그를 붙여두겠습니다.
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [12월 13, 2024, 4:35오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/8 "2024-12-13T04:35:04Z")
@patrickemin 이제 준비가 되었습니다! `hide_unused_data` 설정을 사용하여 비어 있는 기념일이나 생일을 숨길 수 있습니다.
지연된 점 죄송합니다. 해외에 있었습니다.
---
### Author:  [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12월 13, 2024, 2:22오후 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/9 "2024-12-13T14:22:44Z")
안녕하세요, 표시할 데이터가 없어서 컨테이너 위에 파란색 빈 줄이 보입니다:
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [12월 13, 2024, 3:12오후 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/10 "2024-12-13T15:12:22Z")
알겠습니다, 수정하겠습니다!
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [9월 10, 2025, 4:04오전 UTC](https://meta.discourse.org/t/discourse-birthdays-anniversaries-today-banner/337435/13 "2025-09-10T04:04:11Z")
이 문제를 해결하기 위해 다시 돌아왔습니다. 전체 구조를 단순화하기 위해 코드를 상당히 개선했습니다. 또한 해당 날짜에 기념일이나 생일이 없으면 자동으로 숨겨집니다. (TC와 설정 설명도 현지화했습니다)
새로운 설정 2가지가 추가되었습니다: `anniversaries_text`와 `birthdays_text`. 해당 이벤트를 축하하는 사용자의 수를 표시하려면 `%{count}` 플레이스홀더를 사용할 수 있습니다.
오류나 문제가 발생하면 알려주세요!
‘기념일’과 ‘생일’을 얼마나 많이 작성했는지… 😮💨