# Masonry 이미지 갤러리

**URL:** https://meta.discourse.org/t/masonry-image-gallery/188315
**Category:** Theme component
**Created:** [4월 27, 2021, 11:53오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315 "2021-04-27T23:53:25Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [2월 3, 2022, 1:02오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/21 "2022-02-03T13:02:19Z")

</div>

하하 😄. 그래도 해결해서 다행이네요!

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [2월 3, 2022, 10:33오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/22 "2022-02-03T22:33:16Z")

</div>

Heddson님, 안녕하세요.

이 요청에 동조합니다. 때때로 하나의 게시물에 이미지가 많이 올라오는 경우가 있는데, 이럴 때 그리드/메서니 레이아웃이 우리 포럼에는 최선의 선택이 아닙니다. 메서니 TC에 있는 기능들을 활용하여 슬릭 갤러리 컴포넌트를 다시 구현할 수 있을까요?

현재로선 메서니 이미지 갤러리가 슬릭 갤러리 TC와 잘 맞지 않는 것 같습니다. 슬릭 갤러리의 이미지가 작은 썸네일 형태로 표시되기 시작하는 문제가 발생하네요. 메서니 컴포넌트가 슬릭 컴포넌트와 어딘가에서 충돌하는 것 같습니다.

슬릭과 메서니 테마 컴포넌트 간 충돌의 예시는 다음과 같습니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/a/aaa144ea54c76e860e825f7b2d1c41d1dc726740.jpeg)

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [2월 4, 2022, 4:35오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/23 "2022-02-04T16:35:41Z")

</div>

안녕! 아직 Slick TC를 살펴볼 시간이 없었지만, 시도해볼게.

---

<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: [10월 3, 2022, 12:28오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/24 "2022-10-03T12:28:34Z")

</div>

Heddson님 안녕하세요!

현재 특정 카테고리에서 Masonry 갤러리를 자동으로 활성화할 수 있는 `auto enabled categories` 설정이 있습니다.  
비슷한 방식으로, 특정 카테고리에서 Masonry 갤러리를 자동으로 비활성화할 수 있는 `auto disabled categories` 설정을 추가해 주실 수 있을까요? 이 기능을 위해 기꺼이 비용을 지불하겠습니다 🙂

---

<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: [10월 22, 2022, 12:44오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/25 "2022-10-22T12:44:51Z")

</div>

이미지 사이에 빈 줄이 있을 때 `auto` 기능에 문제가 있는 분이 또 계신가요? 빈 줄이 있으면 마서리 갤러리가 생성되지 않습니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 22, 2022, 2:34오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/26 "2022-10-22T14:34:50Z")

</div>

이미 꽤 오래 전부터 그렇게 되어 있었습니다. 그냥 그런 거라고 생각했고, 버그가 아닙니다 😳

---

<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: [10월 22, 2022, 3:00오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/27 "2022-10-22T15:00:50Z")

</div>

음, div 태그를 수동으로 적용하면 문제가 나타나지 않고, 이미지 사이에 빈 줄이 있어도 마소너리 갤러리가 정상적으로 작동합니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 22, 2022, 3:22오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/28 "2022-10-22T15:22:00Z")

</div>

그러면 버그라고 할 수 있겠네요. 일종의 버그라고 해야 할까.

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [10월 25, 2022, 9:48오전 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/29 "2022-10-25T09:48:35Z")

</div>

버그가 아니라 의도된 동작입니다. 😅

> [@Heddson](#):
>
> 카테고리를 지정하고 갤러리가 자동으로 생성되도록 필요한 최소 이미지 수를 설정할 수 있습니다(그 사이에 다른 요소나 빈 줄이 없어야 함).

그 이유 중 하나는 빈 줄을 추가하여 특정 이미지가 갤러리의 일부가 되지 않도록 강제할 수 있기 때문입니다. 예를 들어 다음과 같은 효과를 얻고 싶을 때 사용할 수 있습니다:

 ![image_example](https://global.discourse-cdn.com/meta/original/4X/7/8/7/78797e43c28637c9a798d9cabc6f110ca362543b.jpeg)  
아래처럼 추가하면 됩니다:

```plaintext
![01|690x458](upload://7zW2bd5OUeGIz0oJoTcFvdiNfEc.jpeg) 

![02|333x500](upload://w6STfJO5Ie5MyIRC02ZFhXtmk1z.jpeg)
![03|397x500](upload://zwhs49h2t24IAOhSgmaDQa0PIEI.jpeg) 
![04|333x500](upload://islRhKn7yHfrg3N5CV6ZhPQfQP7.jpeg)

```

어쨌든, 이것이 항상 원하는 동작 방식이 아닐 수 있다는 점은 이해합니다. 따라서 빈 줄을 무시하도록 설정 옵션을 추가하겠습니다.

# 

> [@jrgong](#):
>
> Heddson님 안녕하세요
> 
> 현재 특정 카테고리에서 자동 Masonry 갤러리를 활성화하기 위한 `auto enabled categories` 설정이 있습니다.  
> 특정 카테고리에서 자동 Masonry 갤러리를 비활성화하기 위한 `auto disabled categories`와 같은 유사한 설정을 추가해 주실 수 있을까요? 이 기능을 위해 기꺼이 비용을 지불할 의향이 있습니다. 🙂

추가하는 것이 그리 어렵지 않을 것 같으니, 이 기능에 대한 설정도 함께 추가하겠습니다.

# 

> [@kinetiksoft](#):
>
> 제 생각에는 Masonry Image Gallery가 Slick gallery TC와 잘 작동하지 않는 것 같습니다. Slick 갤러리의 이미지가 작은 썸네일로 표시되기 시작하거든요. Masonry 컴포넌트가 Slick 컴포넌트에 어떻게든 섞이는 것 같습니다.
> 
> Slick 테마 컴포넌트와 Masonry 테마 컴포넌트 간의 충돌 예시는 다음과 같습니다:

불행히도 Slick과 Masonry에 관한 문제를 재현할 수 없었습니다.

Slick에 대해 조사해 보았는데, 제가 이 TC에서 한 방식대로 재작성하는 것은 불가능해 보입니다. 따라서 당분간(불행히도) 그 일은 일어나지 않을 것입니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 1, 2022, 9:04오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/30 "2022-11-01T21:04:48Z")

</div>

방금 재구성을 수행했는데, 이제 이런 오류가 발생합니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/c/1/4c14f568d7536c0c782d631e4d491f5d543508af.jpeg)

어떤 아이디어가 있을까요?

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [11월 1, 2022, 9:59오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/31 "2022-11-01T21:59:16Z")

</div>

음, 이상하네요. 저는 저장소에 아무것도 건드리지 않았는데… Masonry를 다시 설치하면 여전히 오류가 발생합니까? 제 포럼에서도 같은 문제가 발생하는지 확인해 보겠습니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 1, 2022, 10:05오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/32 "2022-11-01T22:05:52Z")

</div>

설치를 시도할 때 오류 500이 발생합니다.

Discourse의 문제인 것 같습니다. GitHub 대신 GitLab을 사용 중인데, 이것이 문제일 수 있을까요? 2.9.0beta11로 다시 빌드한 후에 발생한 문제이기 때문입니다 ([208d22cfc2](https://github.com/discourse/discourse/commits/208d22cfc25223486331e4f3831d278be800d9f8)).

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [11월 1, 2022, 10:14오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/33 "2022-11-01T22:14:09Z")

</div>

임시 해결책(동작하게 하려면)은 gitlab에서 zip 파일을 다운로드하여 discourse에 수동으로 설치하는 것입니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 1, 2022, 10:27오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/34 "2022-11-01T22:27:40Z")

</div>

응, 나도 알아. 그 500 에러 바로 뒤에 실제로 그렇게 했거든 🙂 물론 아무 문제 없이 잘 됐지.

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [11월 10, 2022, 3:59오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/35 "2022-11-10T15:59:59Z")

</div>

이미지 사이에 빈 줄을 허용하고 카테고리를 비활성화하는 설정(둘 다 갤러리를 자동으로 생성하는 데 사용)이 포함된 컴포넌트를 업데이트했습니다.

GitLab의 버그가 아직 수정되지 않은 것 같습니다. 따라서 이미 Discourse를 업데이트했다면 GitLab에서 zip 파일을 받아야 할 가능성이 높습니다.

---

<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: [11월 11, 2022, 12:11오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/36 "2022-11-11T12:11:01Z")

</div>

> [@Heddson](#):
>
> 이미지 사이의 빈 줄을 허용하고 카테고리를 비활성화하도록 설정을 추가하여 구성 요소를 업데이트했습니다(둘 다 갤러리를 자동으로 생성하는 데 사용됩니다).

beta11에서 테스트해 봤는데 완벽하게 작동합니다! ❤ ❤ ❤

---

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [11월 11, 2022, 4:09오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/37 "2022-11-11T16:09:20Z")

</div>

우리 커뮤니티가 이 컴포넌트를 정말 좋아한다는 말씀만 드리고 싶었어요. 우리 토론 주제 중 많은 부분이 이미지 위주인데, 이 컴포넌트 덕분에 읽는 경험이 고통스럽던 것이 편안해졌거든요. 감사합니다!

---

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [11월 16, 2022, 1:08오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/38 "2022-11-16T13:08:47Z")

</div>

안녕하세요. 이 컴포넌트가 게시된 페이지에서 작동하지 않습니다. 이 부분을 어떻게 설정할 수 있을까요?

---

<div class="post-metadata">

### Author: ![Heddson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heddson/32/96742_2.png) [@Heddson](https://meta.discourse.org/u/Heddson)
#### Post date: [11월 16, 2022, 3:47오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/39 "2022-11-16T15:47:47Z")

</div>

네, 게시된 페이지에서는 사용할 수 없습니다. 불행히도 게시된 페이지에서는 JavaScript(테마 컴포넌트에서)가 실행되지 않는 것 같습니다.

---

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [11월 16, 2022, 3:53오후 UTC](https://meta.discourse.org/t/masonry-image-gallery/188315/40 "2022-11-16T15:53:32Z")

</div>

개발자들이 이 문제에 대해 고민해 봐야 한다고 생각합니다. 페이지 게시 기능이 있다면, 이를 온전히 활용하기 위해 포럼 코드를 적절히 보완하는 것이 좋을 것입니다. 아니면 불가능하다는 말씀이신가요?

[이전 페이지](https://meta.discourse.org/t/masonry-image-gallery/188315.md?page=1)

[다음 페이지](https://meta.discourse.org/t/masonry-image-gallery/188315.md?page=3)
