‣

Modal

사용자 인터페이스(UI) 디자인 개념에서 자식 윈도우에서 부모 윈도우로 돌아가기 전에 사용자의 상호동작을 요구하는 창

• 사용자의 이목을 끌기 위해 사용하는 화면 전환 기법
• 특정 타임/구간에 제한된 액션을 강제하기 위해 사용
• 자주 사용하다 보면 사용자는 서비스에 집중하지 못하고 피곤함을 느낄 수 있음

Bridge Modal

Character

• 대부분의 사용자의 Intent(의도)를 Modal을 통해 확인
• Page에 비해 훨씬 많은 Modal(2/25)

Problem

• 동일한 역할임에도 페이지별 선언되는 Modal Component
  • Bridge page
  • History page
• 전역/지역으로 분리되어 사용(호출)되고 있는 Modal(특정 페이지에서 해당 Modal이 제한)
  • 전역으로 사용
  • 지역으로 사용
• Modal을 Show/Hide 하기위한 너무 많은 State
• Modal별 모두 다른 Props

Objective

• 모든 Modal Component들은 한 Component에서 호출
• 어느 곳에서든 모든 Modal을 Open 할 수 있음