modal 과 drawer 차이

"Modal"과 "drawer"는 웹 디자인 및 사용자 인터페이스에서 자주 사용되는 용어입니다. 이들은 각각 다른 유형의 사용자 인터페이스 컴포넌트를 가리키는데 사용됩니다. 다음은 modal과 drawer의 주요 차이점을 설명해 드리겠습니다.

Modal:
Modal은 일반적으로 사용자와의 상호작용을 위해 모달 창이라고도 불리는 작은 팝업 창을 나타냅니다. Modal은 사용자에게 어떤 작업을 요청하거나 정보를 제공하기 위해 주로 사용됩니다. Modal이 나타날 때, 일반적으로 배경을 어둡게 만들어서 Modal 외부의 컨텐츠에 초점을 맞출 수 있도록 합니다. 사용자는 Modal 창 외부의 컨텐츠를 클릭하거나 닫기 버튼을 눌러서 Modal을 닫을 수 있습니다. Modal은 일반적으로 빠른 작업을 수행하기 위해 사용되며, 사용자가 주요 작업에 집중할 수 있도록 다른 컨텐츠를 가려주는 역할을 합니다.

Drawer:
Drawer는 일반적으로 화면의 한 측면에서 나타나는 작은 컨테이너입니다. 사용자가 Drawer를 열거나 닫을 수 있습니다. Drawer는 일반적으로 추가 설정, 메뉴 항목, 네비게이션 메뉴 등의 컨텐츠를 담기 위해 사용됩니다. Drawer가 열리면 일부 또는 전체 화면을 가리기 때문에 사용자는 Drawer와 관련된 작업에 집중할 수 있습니다. Drawer는 주로 넓은 화면 공간을 활용하기 위해 사용되며, 사용자가 필요할 때마다 열거나 닫을 수 있는 토글 버튼이 제공됩니다.

요약하자면, Modal은 작은 팝업 창으로 주로 빠른 작업을 위해 사용되며, 배경을 어둡게 만들어서 다른 컨텐츠에 초점을 맞출 수 있도록 합니다. 반면 Drawer는 한 측면에서 나타나는 작은 컨테이너로, 추가 설정이나 메뉴 항목 등의 컨텐츠를 담아 활용하며, 사용자가 필요할 때마다 열거나 닫을 수 있습니다.