# 주제 목록 미리보기 (TLP)

**URL:** https://meta.discourse.org/t/topic-list-previews-tlp/209973
**Category:** Theme component
**Created:** [11월 23, 2021, 12:25오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973 "2021-11-23T12:25:59Z")
**Posts on this page:** 20
**Page:** 29

<div class="post-metadata">

### Author: ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)
#### Post date: [2월 20, 2025, 4:23오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/572 "2025-02-20T04:23:19Z")

</div>

감사합니다. 지금은 잘 보입니다.  
하지만 또 다른 제안이 있습니다. 목록 보기에서 색상 등급을 제거하는 것이 가능한가요?

 ![The image shows a request superimposed over a search results list, asking for the ability to disable color grades for list view. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/a/3/3/a3314b1c10fb3ae0fa923373ff7ccc0b4d299c6c.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: [2월 20, 2025, 10:09오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/573 "2025-02-20T10:09:18Z")

</div>

좋아요, 구현했습니다:

[https://github.com/merefield/discourse-tc-topic-list-previews/pull/41](https://github.com/merefield/discourse-tc-topic-list-previews/pull/41)  
Topic List Previews가 마음에 들고 제가 잘 했다고 생각하신다면 [커피 한 잔 사주세요](https://github.com/sponsors/merefield/sponsorships?sponsor=merefield&tier_id=464896&preview=false) ☕

- 새 설정 `topic_list_dominant_color_background`: 기본값: `타일만`, 옵션: `절대 안 함`, `타일만`, `항상`

---

<div class="post-metadata">

### Author: ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)
#### Post date: [2월 20, 2025, 11:23오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/574 "2025-02-20T11:23:14Z")

</div>

> [@merefield](#):
>
> topic\_list\_dominant

완료했습니다. 정말 감사합니다.

 ![This image displays various settings options for customizing topic list icons, including features such as setting default display for category topic lists, using the dominant color background, showing a like button in inactive topic items, and making larger tiles for featured tags, with blue "reset" button. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/4/7/3472639b7b44f8e5561c0a59507f3889c4d81bcb.png)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2월 20, 2025, 6:57오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/575 "2025-02-20T18:57:32Z")

</div>

안녕하세요, 제 홈페이지에서 각 주제별로 이제 북마크를 할 수 있는 아이콘이 있지만, 클릭하면 다음과 같은 오류가 발생합니다:

 ![The image shows an error message in French stating "Une erreur est survenue: param is missing or the value is empty: bookmarkable_id" with a button to click "OK," while part of a forum post is visible behind it. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/b/e/b/beb60ee71110cffbf8c0b7344734a0246fa32ef6.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: [2월 20, 2025, 7:06오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/576 "2025-02-20T19:06:49Z")

</div>

재현할 수 없습니다.

사이드카 플러그인이 설치되고 활성화되어 있나요? (이 플러그인이 없으면 해당 동작이 작동하지 않습니다)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2월 20, 2025, 7:30오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/577 "2025-02-20T19:30:20Z")

</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: [2월 20, 2025, 7:32오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/578 "2025-02-20T19:32:43Z")

</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: [2월 20, 2025, 10:09오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/579 "2025-02-20T22:09:48Z")

</div>

[https://github.com/merefield/discourse-tc-topic-list-previews/pull/42](https://github.com/merefield/discourse-tc-topic-list-previews/pull/42)

Topic List Previews가 마음에 들고 제가 좋은 일을 했다고 생각하신다면, [커피 한 잔 사 주실 수 있습니다](https://github.com/sponsors/merefield/sponsorships?sponsor=merefield&tier_id=464896&preview=false) ☕

…그리고 이제 수정이 완료되었습니다(아마도). 보고해 주셔서 감사합니다.

---

<div class="post-metadata">

### Author: ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)
#### Post date: [2월 22, 2025, 3:33오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/580 "2025-02-22T03:33:48Z")

</div>

안녕하세요, 썸네일 뷰가 있는 리스트 뷰에는 우세 색상(Dominant color) 배경을 적용하고 싶지만, 썸네일 없이 리스트 뷰만 있는 경우에는 해당 우세 색상 배경이 필요하지 않습니다.

코드를 작성해 주실 수 있을까요…

감사합니다.  
아래는 썸네일이 포함된 리스트 뷰입니다.

 ![The image is a screenshot of a website featuring various topics on Laptop Repair Learning, with sections displaying excerpts, images, and tags like "asus" and "basic-electronics." (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/9/9/1/9912821157fc88a3211291266f8ee493f1140e04.jpeg)

**그리고 아래 사진(썸네일 없는 리스트 뷰)에는 우세 색상(Color dominant)이 필요 없습니다.**

 ![The image shows a screenshot of a product listing for the Asus ROG STRIX X570-E rev. 1.05 motherboard, emphasizing its features as a laptop component. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/4/f/f4fd0f96bca10002e9f1425d86a733c8d09a2d53.png)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2월 22, 2025, 4:01오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/581 "2025-02-22T16:01:19Z")

</div>

안녕하세요, 제가 직접 호스팅한 Discourse 사이트 두 곳에서 문제가 발생하고 있습니다. (세 번째 사이트에서는 이 문제가 나타나지 않습니다.) 홈 페이지에서 일부(전부가 아닌) 토픽이 발췌 텍스트와 뒤섞여 있어 보기 좋지 않습니다. 이 문제는 모바일에서 더 두드러지지만 PC에서도 나타납니다:

 ![The image is a screenshot from a forum post about a Carnival event in Brazil, featuring an airplane scene and a vibrant carnival parade. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/8/0/f/80fa98505c8faa80c0ddd6d721a4b82f5b000320.jpeg)

모든 사이트는 최신 버전으로 업데이트되어 있습니다.

물론 원인을 찾기 위해 시간을 들였지만(컴포넌트 비활성화 등) 실패했습니다.

오래전에 이 문제를 겪은 적이 있었는데, 그때 어떻게 해결했는지 기억이 나지 않습니다.

썸네일과 발췌문이 뒤섞이는 문제가 과거에 겪었던 문제를 떠올리게 한다면, 정말 감사하겠습니다…

---

<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: [2월 22, 2025, 4:47오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/582 "2025-02-22T16:47:26Z")

</div>

제가 직접 재현하지는 못했지만, 새 코드에서 한 번 그런 현상을 본 적이 있습니다. 브라우저를 종료한 뒤 다시 사이트를 열자 모든 것이 정상으로 돌아왔고, 그 이후로 계속 정상 상태입니다.

JavaScript 콘솔을 확인하지 않는 한, 사이트에서 무슨 일이 일어나고 있는지 파악하기 어렵습니다. 데스크톱에서 모바일 뷰로 볼 때 콘솔에 오류가 표시됩니까?

때로는 다른 컴포넌트와의 충돌이나, 다른 컴포넌트에서 오류가 발생하여 JavaScript 처리 자체가 중단될 때 이런 문제가 생길 수 있습니다.

---

<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: [2월 22, 2025, 5:23오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/583 "2025-02-22T17:23:02Z")

</div>

훌륭한 아이디어네요. 구현했습니다:

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/bc813bff0bda262873ff2a4130cceb13a514264a>

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/82bef2ca3eb5daa9671f6fa805e69cb9b9a69d08>

Topic List Previews가 마음에 들고 제가 잘했다고 생각하신다면, [커피 한 잔을 사 주실 수 있습니다](https://github.com/sponsors/merefield/sponsorships?sponsor=merefield&tier_id=464896&preview=false) ☕

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2월 22, 2025, 5:54오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/584 "2025-02-22T17:54:27Z")

</div>

감사합니다. 좋은 소식인 것 같은데(아마도), 저는 Firefox만 사용하느라 Chrome에서 시도해볼 생각을 못 했었거든요. 그런데 Chrome에서는 그 문제가 보이지 않네요…

그렇다면 왜 Firefox에서만 그런 걸까요?

모바일에서 Firefox 브라우저 콘솔을 여는 방법을 찾을 수가 없었습니다.

---

<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: [2월 22, 2025, 5:57오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/585 "2025-02-22T17:57:01Z")

</div>

추천 주제(Featured Topics)에 무작위 정렬 옵션을 추가했습니다:

`topic list featured images order`

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/4890839b97871584fecbc5f7755d5c9377ac8762>

주제 목록 미리보기(Topic List Previews)가 마음에 드시거나 제 작업이 좋으셨다면 [커피 한 잔 사주기](https://github.com/sponsors/merefield/sponsorships?sponsor=merefield&tier_id=464896&preview=false) ☕

---

<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: [2월 22, 2025, 5:57오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/586 "2025-02-22T17:57:33Z")

</div>

> [@patrickemin](#):
>
> 모바일에서 Firefox 브라우저 콘솔을 여는 방법을 찾을 수 없었습니다.

그래서 데스크톱에서 이 기능을 테스트해야 합니다

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2월 22, 2025, 6:02오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/587 "2025-02-22T18:02:08Z")

</div>

아 죄송합니다, 이해를 못 했네요. 여기 있습니다. 데스크톱에서 모바일 보기로 표시된 제 사이트인데, 콘솔에 이렇게 표시됩니다:

 ![이미지에는 "새로운 'glimmer' 셀렉터 사용" 및 "새로운 'enu-links' 셀렉터 사용"과 같은 로딩 과정, 'Hamburger Theme' 토픽 목록 및 "https://gitratewidget"과 같은 리소스 링크와 관련된 정보가 포함된 웹 콘솔이 표시되어 있습니다. (AI가 캡션을 추가함)](https://global.discourse-cdn.com/meta/original/4X/c/3/9/c39dc9293c1f27a3df745530de6429aae61f819c.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: [2월 22, 2025, 6:06오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/589 "2025-02-22T18:06:51Z")

</div>

아니 잠깐, 안드로이드에서 Firefox로 재현할 수 있네요. 죄송합니다.

음 … 쉽지 않겠네요. 까다로울 것 같습니다. 제가 뭘 할 수 있을지 생각해 보겠습니다.

---

<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: [2월 22, 2025, 7:56오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/590 "2025-02-22T19:56:22Z")

</div>

한 번 시도해 주시겠어요?

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/33e2779605251c805064178bbc97ea22a01e6eda>

Firefox는 화면 밖에 있는 이미지도 완전히 "하이드레이션(hydrate)"하지 않기 때문에, 이것이 렌더링에 영향을 미쳤습니다. 이를 우회하기 위해 추가적인 처리를 추가했습니다.

Chrome/Edge에서는 이러한 조치가 필요하지 않은 것 같아 아쉽네요.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [2월 22, 2025, 10:17오후 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/591 "2025-02-22T22:17:39Z")

</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: [3월 5, 2025, 11:14오전 UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/592 "2025-03-05T11:14:13Z")

</div>

이전에는 [AI 토픽 요약](https://meta.discourse.org/t/discourse-ai-topic-summary/256711) 플러그인에서 사용하기 위해 이 기능을 도입한 적이 있습니다.

TLP에서 사용할 수 있습니다:

[https://github.com/merefield/discourse-tc-excerpts-toggle](https://github.com/merefield/discourse-tc-excerpts-toggle)

[이전 페이지](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=28)

[다음 페이지](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=30)
