# fk-d-menu를 사용해 헤더 드롭다운 메뉴 위치 지정

**URL:** https://meta.discourse.org/t/positioning-header-drop-down-menus-with-fk-d-menu/368304
**Category:** UX
**Created:** [5월 30, 2025, 10:58오후 UTC](https://meta.discourse.org/t/positioning-header-drop-down-menus-with-fk-d-menu/368304 "2025-05-30T22:58:40Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [5월 30, 2025, 10:58오후 UTC](https://meta.discourse.org/t/positioning-header-drop-down-menus-with-fk-d-menu/368304/1 "2025-05-30T22:58:40Z")

</div>

첫 번째 컴포넌트를 완성했는데, fk-d-menu를 사용해 헤더에 드롭다운 메뉴를 추가했습니다. 설정이 정말 간단하고 직관적입니다. 다만, 디자인 측면에서 패널이 헤더 바로 아래에 붙어 있는 모습이 별로 마음에 들지 않습니다:

 ![이미지는 "Manuel" 사용자의 메뉴를 보여주며, "사용자 정의 상태 설정", "알림 일시 중지", "로그아웃" 등의 옵션이 포함되어 있습니다. (AI가 캡션을 추가함)](https://global.discourse-cdn.com/meta/original/4X/d/f/6/df61136fa90f161cdc99d12bc52da2d7f3d5efbb.png)

제 생각에는 새로운 공식 컴포넌트에서도 같은 현상이 나타나는 것 같습니다:

 ![Screenshot From 2025-05-30 23-20-49](https://global.discourse-cdn.com/meta/original/4X/7/5/e/75e745220a9b21469b6372d2fd0a8f51aa5a67d7.png)

위치를 조정해서 살짝 위나 아래에 뜨도록 해보았지만, 좋은 방법을 찾지 못했습니다. 권장되는 접근 방식이 있을까요?

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [5월 31, 2025, 12:34오전 UTC](https://meta.discourse.org/t/positioning-header-drop-down-menus-with-fk-d-menu/368304/2 "2025-05-31T00:34:21Z")

</div>

코드를 링크로 공유하면 더 좋은 도움을 받을 수 있습니다.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [5월 31, 2025, 9:33오전 UTC](https://meta.discourse.org/t/positioning-header-drop-down-menus-with-fk-d-menu/368304/3 "2025-05-31T09:33:58Z")

</div>

이것은 DMenu 컴포넌트를 어디에 배치할지에 대한 일반적인 질문이었습니다. 하지만 확실히 컴포넌트 코드를 더 자세히 살펴봐야 할 것 같습니다.. 🫠 `offset` 인자도 있다는 것을 확인했으니, 다음과 같이 배치할 수 있습니다:

```plaintext
<DMenu
 @placement="bottom-end"
 @offset="0"
 ..
>

```

그리고 나서 다른 메뉴 패널처럼 헤더 바로 위에 약간 위치하게 됩니다:

 ![The image shows a user profile page for a sliver on Twitter, displaying options for status, notifications, summary, activity, invites, drafts, preferences, and logout. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/d/c/5/dc5e2a1755bb6099e2c8283bf74a321df9fb38ae.png)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [8월 6, 2025, 1:36오후 UTC](https://meta.discourse.org/t/positioning-header-drop-down-menus-with-fk-d-menu/368304/4 "2025-08-06T13:36:12Z")

</div>