IT 실무용어 파헤치기 18 - 팝업창(Popup) vs 모달창(Modal)

팝업창(Popup)

현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우는 것

즉, 창 + 창n 이란 개념으로 브라우저에서 이 창을 열기/닫기로 제어할 수 있음

그러나 브라우저에서 팝업창을 강제로 막아놓을 경우 보이지 않는 점이 있음

​

모달창(Modal)

기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌 레이어를 까는 것

모달창은 제거를 하지 않고도 페이지를 이동하면 자연히 사라짐

기존의 페이지와 부모-자식 관계를 갖으며, 브라우저의 새 창 제어 옵션에는 전혀 영향을 받지 않음

---

정리) 팝업창 vs 모달창

팝업창

: 팝업창의 경우 웹 시작과 동시에 공지, 프로모션, 주의사항, 안내문 등으로 띄우는 경우가 많음

>> 따라서 현재 의도하는 목적과 상관없이 뜨는 창으로 볼 수도 있음

​

모달창

: 모달창의 경우 중간 중간 사용자에게 요구되는 사항에 맞게 보여주는 경우가 많음

>> 따라서 다음 스텝으로 넘어가기 위한 필요에 의해 사용되는 창이라고 볼 수도 있음

​

- 또 다른 차이로 위 개념에서 말했다싶이 팝업창은 사용자가 원할 경우 브라우저의 옵션을 통해 강제로 막을 수 있기에, 반드시 노출해야하는 부분은 모달창을 사용하는 것 이 좋음

- 추가로 모달창은 부모창에 종속되는게 많아 마우스 오른쪽 소스보기를 할 수가 없고, 모달창을 닫기 전에는 부모창에 직접 이벤트를 행할 수 없음

- 때문에 모달창 안에서 특정 행동이 강요되는 경우가 많고, 이에 비해 팝업창은 종속되는 개념이 아니기에 행동이 자유로움

​

참고 : https://chlolisher.tistory.com/101

[IT 용어정리] 팝업창 VS 모달창, 차이점은 뭘까?