---
title: "Discussion on \"(오픈소스 분석) Radix FocusScope\" | Hashnode"
description: "Discussion on \"(오픈소스 분석) Radix FocusScope\". @radix-ui/react-focus-scope 라이브러리 코드와 TreeWalker Wep API를 살펴본다.\n용도\n\nFocusScope이 mount될 때, 내부의 첫번째 Focusable한 엘리먼트에 focus된다.\n\nFosucScope이 unmount될 때, mount되기 직전에 focus를 받았던 엘리먼트에 focus된다.\n\nFocusScope내부에 focus를 가두거나, loop시킬 수 있다.\n \n\n\n구현\nFocusScope컴포넌트는..."
url: "https://hashnode.com/posts/radix-focusscope/6614735d4445dfbddc20244f"
---

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

Discussion

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

@radix-ui/react-focus-scope 라이브러리 코드와 TreeWalker Wep API를 살펴본다. 용도 FocusScope이 mount될 때, 내부의 첫번째 Focusable한 엘리먼트에 focus된다. FosucScope이 unmount될 때, mount되기 직전에 focus를 받았던 엘리먼트에 focus된다. FocusScope내부에 focus를 가두거나, loop시킬 수 있다. 구현 FocusScope컴포넌트는...

Mar 2, 2024 · 6 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.