---
title: "Discussion on \"(오픈소스 분석) Radix DismissableLayer\" | Hashnode"
description: "Discussion on \"(오픈소스 분석) Radix DismissableLayer\". @radix-ui/react-dismissable-layer 라이브러리 코드를 살펴본다.\n용도\n현재 레이어와 분리된 UI 레이어를 렌더링할 수 있고, 외부 레이어와 인터랙션 할 때 제거할 수 있는 컴포넌트이다. 이와 같이 열고 닫는 방식의 사용 방법은 모달이나 팝오버 같은 UI에 응용할 수 있다.\nContext\nDismissableLayer의 컨텍스트는 내부 상태를 저장하는 용도로 사용되지 않고, 렌더링된 모든 DismissableLayer엘리..."
url: "https://hashnode.com/posts/radix-dismissablelayer/66171aef85fb2e5fc4c59296"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [(오픈소스 분석) Radix DismissableLayer](https://mjsdo.hashnode.dev/radix-dismissablelayer?utm_source=hashnode&utm_medium=feed)

@radix-ui/react-dismissable-layer 라이브러리 코드를 살펴본다. 용도 현재 레이어와 분리된 UI 레이어를 렌더링할 수 있고, 외부 레이어와 인터랙션 할 때 제거할 수 있는 컴포넌트이다. 이와 같이 열고 닫는 방식의 사용 방법은 모달이나 팝오버 같은 UI에 응용할 수 있다. Context DismissableLayer의 컨텍스트는 내부 상태를 저장하는 용도로 사용되지 않고, 렌더링된 모든 DismissableLayer엘리...

Mar 27, 2024 · 7 min read · mjsdo.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)

## Written by

[mjsdo](https://hashnode.com/@mjsdo)

@mjsdo · Seoul, Korea

  
[View profile](https://hashnode.com/@mjsdo)

Frontend developer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.