# 드롭다운 이름을 변경할 수 있나요?

**URL:** https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269
**Category:** Development
**Created:** [8월 23, 2023, 7:53오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269 "2023-08-23T07:53:10Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [8월 23, 2023, 7:53오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/1 "2023-08-23T07:53:10Z")

</div>

커뮤니티 여러분, 안녕하세요 🙂

특정 카테고리 안의 드롭다운 이름을 변경할 수 있는 옵션이 있는지 혹시 아시는 분이 계실까요?

'전체(all)'와 ‘모든 태그(all tags)’ 부분을 커스터마이징하고 싶습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/6/9/169af8147c43ef5fce5467be99964c01335a404f.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [8월 23, 2023, 9:54오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/2 "2023-08-23T09:54:37Z")

</div>

거의 모든 텍스트를 사용자 지정할 수 있습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/5/c/05c202e8f61468391aa0d23de7874f3cd95e8138.png)

예를 들어, 다음을 편집해야 할 것 같습니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/0/9/509844d73e0afa459d3a9bdaa2bcbf0f1cca02ac.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [8월 23, 2023, 10:00오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/3 "2023-08-23T10:00:29Z")

</div>

하지만 특정 카테고리에서만 변경되지 않습니다.

매우 해킹적인 CSS 해결책을 만들기 시작했는데, 완벽하지는 않아요… 어쨌든 이렇게 해킹적인 것을 공유하는 데 약간 망설여집니다. 😖

---

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [8월 23, 2023, 10:06오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/4 "2023-08-23T10:06:01Z")

</div>

알겠습니다, 도움 주셔서 감사합니다! @merefield @Canapin

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [8월 23, 2023, 10:06오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/5 "2023-08-23T10:06:08Z")

</div>

아, 죄송합니다. 스캔으로 읽었네요!

네, 전역 변수입니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [8월 23, 2023, 10:06오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/6 "2023-08-23T10:06:55Z")

</div>

아, 그래? 😉 😉

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [8월 23, 2023, 10:52오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/7 "2023-08-23T10:52:03Z")

</div>

HTML 코드에서 하위 카테고리가 그렇게 정의되지 않은데, 이 방식은 너무 복잡하다고 생각합니다. 반쯤 작동하는 코드가 있긴 하지만, 제대로 된 방식으로 구현해야 한다고 생각해요. Discourse JS API가 이 문제를 해결하는 데 도움이 될 수 있을 것 같은데, 안타깝게도 그 API에 대해 잘 모릅니다.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [8월 23, 2023, 12:42오후 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/11 "2023-08-23T12:42:50Z")

</div>

안녕하세요 👋

이것을 구현하기 위해 이제 테마 컴포넌트를 만들었습니다…

> **[GitHub - VaperinaDEV/category-breadcrumb-dropdown-title: This theme component can change the category...](https://github.com/VaperinaDEV/category-breadcrumb-dropdown-title)**
>
> This theme component can change the category breadcrumb dropdown title

더 쉽게 만들 수 있도록 두 가지 설정이 포함되어 있습니다.

`category name`  
첫 번째 위치: `category slug`  
두 번째 위치: `category dropdown title`

`tag name`  
첫 번째 위치: `category slug`  
두 번째 위치: `tag dropdown title`

 ![Screenshot 2023-08-23 at 14.35.00](https://global.discourse-cdn.com/meta/original/4X/3/1/6/316da94c83ad6d61024abaa28f947a0bc8e0b575.png)

이렇게 보입니다.

 ![Screenshot 2023-08-23 at 14.35.31](https://global.discourse-cdn.com/meta/original/4X/9/7/1/971002a0ee421a7d8564e9fb18e029877308fe76.png)

하위 카테고리 태그 제목 추가

 ![Screenshot 2023-08-23 at 14.37.50](https://global.discourse-cdn.com/meta/original/4X/b/d/8/bd8cad075120b7558715815fe915021aa9dc4d85.png)

 ![Screenshot 2023-08-23 at 14.38.40](https://global.discourse-cdn.com/meta/original/4X/2/a/3/2a366004c5aec09c61cf0e42c301904d6ac9b0f8.png)

도움이 되길 바랍니다 🙂

* * *

수정: 커스텀 텍스트 너비에 맞게 드롭다운 너비를 올바르게 정렬하도록 수정했습니다. [UX: fix the dropdown width to keep the custom content width · VaperinaDEV/category-breadcrumb-dropdown-title@faca71c · GitHub](https://github.com/VaperinaDEV/category-breadcrumb-dropdown-title/commit/faca71c3f4b622ef0c4a5fc869fb59148ca4fdaf)

 ![Screenshot 2023-08-23 at 17.38.21](https://global.discourse-cdn.com/meta/original/4X/d/e/4/de40180bfb9cf3618d0f3698ed56bac474f014bb.png)

 ![Screenshot 2023-08-23 at 17.38.53](https://global.discourse-cdn.com/meta/original/4X/a/c/7/ac7ee647cfd9ddd4989d5adb8971a3baa076a572.png)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 23, 2023, 4:05오후 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/12 "2023-08-23T16:05:48Z")

</div>

와, 정말 대단한 작업이네요 @Don - 놀라울 따름입니다 🤯 🤩

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [8월 23, 2023, 4:13오후 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/13 "2023-08-23T16:13:58Z")

</div>

들으시오!  
🧙‍♂️

SCSS의 신비로움과 프런트엔드 연금술의 정교함 속에서 돈 남작이 일어섰습니다. 함수를 정복하고, 루프를 장악하며, 리스트를 해독해낸 그에게 우리는 자랑스러이 ‘프런트엔드 공로 메달’을 수여합니다 🏅🙇.

그리고 그의 컴포넌트는 JS 코드를 한 줄도 쓰지 않고 작동하죠…

![Happy James Corden GIF by The Late Late Show with James Corden](https://media3.giphy.com/media/xTiQyBOIQe5cgiyUPS/giphy.webp?cid=04a688a23mfadqh3d80hfe7cot3ojkcvoxjfx9r6qagxx9u2&ep=v1_gifs_search&rid=giphy.webp&ct=g)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 23, 2023, 4:16오후 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/14 "2023-08-23T16:16:37Z")

</div>

> [@Canapin](#):
>
> SCSS의 미궁과 프론트엔드 연금술의 정교함 속에서, Sir Don이 부활했습니다. 함수를 정복하고, 루프를 장악하며, 리스트를 해독해 낸 그에게 우리는 자랑스러이 빛나는 프론트엔드 공로 메달을 수여합니다 🏅🙇‍♂️.

솔직히 말해 주세요. 그 글을 GPT4bot이 대신 써 주었나요? 😆

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [8월 23, 2023, 4:27오후 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/15 "2023-08-23T16:27:40Z")

</div>

네, 100% 그렇습니다. 그게 무섭습니다.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [8월 23, 2023, 4:48오후 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/16 "2023-08-23T16:48:37Z")

</div>

음, 이 솔루션은 인상적이지만 @Don 님은 이렇게 할 수도 있어요:

```javascript
api
  .modifySelectKit("category-drop")
  .replaceContent((component, content) => {
    let newContent = [];
    content.forEach((item) => {
      if (
        component.category?.slug === "general" &&
        item.id === "all-categories"
      ) {
        item.name = "jojo";
      }

      newContent.push(item);
    });
    return newContent;
  });

```

 ![Screenshot 2023-08-23 at 18.47.33](https://global.discourse-cdn.com/meta/original/4X/6/7/d/67dfb81f25e1430c91198c6e0bd08259832b96da.png)

[https://github.com/discourse/discourse/blob/main/app/assets/javascripts/select-kit/addon/mixins/plugin-api.js](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/select-kit/addon/mixins/plugin-api.js) 에는 수행할 수 있는 모든 액션이 나열되어 있습니다:

- appendContent
- prependContent
- replaceContent
- onChange

이것을 사용하는 데 문제가 있으면 알려주세요. 문서화가 더 잘 되어야 할 것 같은데, 궁금한 점이 있으면 언제든지 도와드릴게요.

---

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [8월 25, 2023, 11:57오전 UTC](https://meta.discourse.org/t/is-it-possible-to-change-dropdown-names/276269/17 "2023-08-25T11:57:13Z")

</div>

@Don @j.jaffeux 여러분, 정말 최고예요!! 🔥
