# 수평 로딩 슬라이더

**URL:** https://meta.discourse.org/t/horizontal-loading-slider/177939
**Category:** Theme component
**Tags:** deprecated
**Created:** [2월 1, 2021, 9:57오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939 "2021-02-01T09:57:32Z")
**Posts on this page:** 20
**Page:** 10

<div class="post-metadata">

### Author: ![WorldIsMine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/worldismine/32/455660_2.png) [@WorldIsMine](https://meta.discourse.org/u/WorldIsMine)
#### Post date: [4월 6, 2021, 4:49오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/219 "2021-04-06T16:49:22Z")

</div>

정말 멋지다, 너무 좋아.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [4월 7, 2021, 12:31오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/220 "2021-04-07T00:31:11Z")

</div>

사이트 설정에 불리언 플래그를 추가하여 선택 사항으로 만들 수도 있습니다. 저를 포함한 디스코urs 팀의 대부분이 이 방식을 선호하므로, 결국 새 기본값으로 포함될 것입니다. 다만, 음, _복잡한 사정_ 때문에 제대로 구현하려면 _꽤 많은_ 작업이 필요합니다.

그래서 이번 릴리스에는 확실히 포함되지 않을 것이니 걱정하지 마세요.

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [4월 7, 2021, 9:54오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/221 "2021-04-07T21:54:42Z")

</div>

그리고 명확히 하자면, 저는 슬라이더가 있는 다른 웹사이트들도 사용하는데, 대체로 괜찮다고 느낍니다. Discourse에서는 왜 싫은지, 무엇이 다른지 정확히 모르겠습니다. 제가 떠올릴 수 있는 유일한 차이는 Discourse에서 다크 테마를 사용한다는 점인데, 다른 웹사이트들은 라이트 테마만 제공하거든요. 호기심이 나서 묻는데, Discourse 팀의 대부분은 라이트 테마를 사용하나요, 아니면 다크 테마를 사용하나요? 혹시 그 사이에 어떤 상관관계가 있을지도 모르겠습니다.

---

<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: [4월 7, 2021, 10:01오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/222 "2021-04-07T22:01:50Z")

</div>

다크 테마를 사용하는 경우가 많죠.

또한 고려해야 할 점은 습관입니다. 스피너와 함께 디스코르스를 오랫동안 사용해 왔을 테니, 처음 며칠 동안은 저도 비슷한 느낌을 받았거든요.

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [4월 7, 2021, 10:04오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/223 "2021-04-07T22:04:17Z")

</div>

그것이 분명히 하나의 요인이 될 수 있겠네요. 저는 여전히 스피너를 사용하는 다른 커뮤니티에 훨씬 더 많은 시간을 보내고 있어서, 여기의 슬라이더에 적응하는 것이 더 어렵게 느껴지는 것일 수도 있습니다.

---

<div class="post-metadata">

### Author: ![mstm](https://avatars.discourse-cdn.com/v4/letter/m/6de8d8/32.png) [@mstm](https://meta.discourse.org/u/mstm)
#### Post date: [4월 27, 2021, 4:42오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/224 "2021-04-27T16:42:32Z")

</div>

![Disappear Paramount Network GIF by Yellowstone](https://media3.giphy.com/media/UvPlYoR7Usnt9E8gmi/giphy.webp?cid=04a688a2t0htp1y69w8seab9ik8ry8bn6bwye8s9t0nrbf4j&rid=giphy.webp&ct=g)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [4월 27, 2021, 4:45오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/225 "2021-04-27T16:45:19Z")

</div>

지금은 그렇습니다.

2.7 안정화 버전의 마무리 작업을 진행하는 동안 메타에서 해당 기능을 비활성화했습니다. 이후 메타에서 다시 테스트를 진행할 예정이며, 2.8 안정화 버전 이전에 코어에 추가하는 것을 목표로 하고 있습니다.

> [@codinghorror](#):
>
> 로딩 스피너 UX를 덜 거슬리는 상단 고정형 가로 진행 바로 교체

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [5월 8, 2021, 3:01오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/226 "2021-05-08T15:01:45Z")

</div>

이 기능과 관련이 있을 수 있는 사항을 발견했습니다. 현재 슬라이더가 비활성화되어 있지만, [https://meta.discourse.org/categories에서](https://meta.discourse.org/categories%EC%97%90%EC%84%9C) 주제를 열면 스피너가 표시되지 않습니다.

---

<div class="post-metadata">

### Author: ![JimPas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimpas/32/148179_2.png) [@JimPas](https://meta.discourse.org/u/JimPas)
#### Post date: [5월 8, 2021, 10:09오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/227 "2021-05-08T22:09:09Z")

</div>

방금 게시글에 있는 링크로 시도해 봤습니다. 페이지가 로드되기 전에 로딩 스피너가 1초도 안 되는 동안만 표시되었습니다. 햄버거 메뉴에서 카테고리 링크를 클릭해서도 시도해 봤는데, 결과는 동일했습니다… 페이지가 로드되기 전에 로딩 스피너가 1초도 안 되는 동안만 표시되었습니다.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [5월 9, 2021, 5:57오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/228 "2021-05-09T05:57:48Z")

</div>

> [@seanblue](#):
>
> [Categories - Discourse Meta](https://meta.discourse.org/categories)에서 **주제를 열면** 스피너가 표시되지 않습니다.

카테고리 페이지에서 주제를 열 때도 스피너가 보이지 않았습니다.

---

<div class="post-metadata">

### Author: ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [5월 9, 2021, 6:59오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/229 "2021-05-09T06:59:05Z")

</div>

거기서도 토픽 링크를 클릭하면 스피너 대신 슬라이더가 표시됩니다 (iPhone 앱). 아마도 다시 테스트하고 있는 것 같습니다. 느린 연결 환경에서는 슬라이더가 먼저 표시되고 그다음에 스피너가 표시되도록 예정되어 있었나요?

---

<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: [5월 9, 2021, 7:16오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/230 "2021-05-09T07:16:47Z")

</div>

존애이션,  
이것이 브라우저 로딩이기 때문에 DiscourseHub 슬라이더를 보고 계실 거라고 생각합니다.

---

<div class="post-metadata">

### Author: ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [5월 9, 2021, 7:32오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/231 "2021-05-09T07:32:30Z")

</div>

불행히도 무슨 말씀이신지 모르겠습니다. 카테고리에서 주제 링크를 클릭할 때 슬라이더가 표시되고, New, Latest 등에서는 스피너가 표시됩니다.

---

<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: [5월 9, 2021, 7:36오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/232 "2021-05-09T07:36:16Z")

</div>

DiscourseHub 앱에는 전체 브라우저 요청이 로드될 때 활성화되는 자체 슬라이더가 있습니다. 이는 해당 로딩 슬라이더 tc와 동일하지 않습니다.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [5월 9, 2021, 1:38오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/233 "2021-05-09T13:38:50Z")

</div>

리포트 감사합니다! 로딩 슬라이더 문제보다는 코어 버그인 것 같습니다. 최대한 빨리 수정하겠습니다.

---

<div class="post-metadata">

### Author: ![martin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martin/32/491371_2.png) [@martin](https://meta.discourse.org/u/martin)
#### Post date: [5월 10, 2021, 4:22오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/234 "2021-05-10T04:22:06Z")

</div>

카테고리 링크 문제는 [FIX: Remove auto-route from topic-link - Pull Request #12999 - discourse/discourse - GitHub](https://github.com/discourse/discourse/pull/12999) 를 통해 수정되어야 합니다.

---

<div class="post-metadata">

### Author: ![debryc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/debryc/32/101652_2.png) [@debryc](https://meta.discourse.org/u/debryc)
#### Post date: [7월 9, 2021, 6:21오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/235 "2021-07-09T18:21:50Z")

</div>

Discourse Slider를 설치한 후, 부모 카테고리에서 주제 위에 하위 카테고리 목록이 표시될 때, 해당 하위 카테고리로 이동한 후에도 목록이 계속 유지되는 버그를 발견했습니다.

저는 다음 단계를 따라 재현해 보았습니다.

- 하위 카테고리가 있는 카테고리를 선택합니다.
- 설정에서 '이 카테고리에서 주제 위에 하위 카테고리 목록 표시’를 선택합니다(개인적으로는 박스 뷰를 선택했는데, 이것이 차이를 만들 수 있는지 확인하기 위함입니다).
- /categories로 이동합니다.
- 부모 카테고리를 클릭합니다.
- 하위 카테고리를 클릭합니다.

부모 카테고리에서 보기

 ![IMG_3582](https://global.discourse-cdn.com/meta/original/3X/6/0/60ea3595c9935428b12b789d5514b8b9ac2574a6.png)

advocacy 하위 카테고리에서 보기

 ![IMG_3583](https://global.discourse-cdn.com/meta/original/3X/8/0/80d25d8a2f4c039008e07b1b15236e03f99f0834.png)

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [12월 12, 2021, 7:10오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/237 "2021-12-12T07:10:19Z")

</div>

저희 인스턴스에서도 동일한 문제가 발생했습니다. 저희는 stable 버전으로 운영 중입니다. 이 문제가 수정되었으면 좋겠습니다. 그때까지는 비활성화해야 합니다.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [12월 12, 2021, 8:30오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/238 "2021-12-12T08:30:48Z")

</div>

해당 문제가 최신 tests-passed/beta 버전에서 수정되었을 것 같습니다:

> <https://github.com/discourse/discourse/commit/688e03fc42bddc2544774e74aa45b862144e4e8b>
>
> When the loading spinner is removed (e.g. via the loading-slider component), the… subcategory list view will persist, even when no longer required. This is because we were conditionally rendering the list into the \`header-list-container\` outlet. When the condition was false, we were doing nothing. Instead, we should use \`disconectOutlet\` to make sure the content is removed from the DOM.

안타깝게도 이러한 수정 사항을 stable 버전으로 역이식(backport)하는 경향이 없으며, v2.8 릴리스에 포함될 예정입니다.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1월 27, 2022, 1:29오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/239 "2022-01-27T01:29:48Z")

</div>

이 항목은 난이도가 높아 한 릴리스 더 미뤄졌지만, 결국 해결할 수 있을 거예요 😉

[이전 페이지](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=9)

[다음 페이지](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=11)
