더 완벽한 모달 컴포넌트 만들기

더 완벽한 모달 컴포넌트 만들기

ux와dx를 모두 만족시키는 모달 컴포넌트 만들기

1.

Alert 다이얼로그 컴포넌트 ux,dx 끝장내기

alert 다이얼로그의 ux와 dx를 어떻게 하면 좋게 구현할 수 있는지에 대해 알아봅니다.

2024-02-07 · 17 min read

2.

setTimeout없이 애니메이션이 끝날 때 컴포넌트 언마운트 시키기 (feat. FSM, animation event)

setTimeout을 사용하지 않고 애니메이션의 시작과 종료에 의존해서 모달의 언마운트를 깔끔하게 처리하는 방법에 대해 공유합니다.

2024-02-08 · 13 min read

3.

모달 접근성을 위한 포커스트랩 컴포넌트 만들기

포커스트랩 기능을 구현하고 리액트 컴포넌트로 깔끔하게 만드는 방법

React focus trap

2024-02-28 · 13 min read