Portfolio

Modal은 무엇일까?

아래 사진과 같이 배경화면이 dimmed 되고, 하얀 박스가 정중앙에 배치돼서 렌더링되는 것이 Modal이라고 알고 있는데,

그러면 아래 사진과 같이 Menu 아이콘을 눌렀을 때 나오는, 화면의 정중앙이 아닌 특정 위치에 배치되고, 배경화면이 dimmed가 아닌 박스는 Modal이라고 부를 수 없는걸까?

아래 가비아 기술 문서를 보면, 모달의 형태가 여러 개가 존재한다고 함.

이중 바로 위 사진은 Pop over 모달이라고 부른다고 함.

차치하고, 해당 글에서는 '자사의 형식에 맞는 적절한 설계가 필요하다'라고 말하고 있고, 서로 다른 정의로 모달을 사용하다 보면, 작업 과정에서 뿐만 아니라 사용자에게도 혼선을 줄 수 있다고 함.

—> 필요하다면 Modal 컴포넌트를 두 종류로 가져가도 괜찮다고 봄

추가적으로 멘토님 답변,

Modal에 관하여