[etc] Web에서 Popup() vs Modal() 비교. 팝업창과 모달창

팝업창과 모달창. 모달창과 팝업창.

언제 팝업창을 쓰고 언제 모달창을 쓸까 ?

 

 

---

웹에서는 어떠한 상황에만 보여지는 공간이 존재한다.

이 때 사용하는 것이 팝업창과 모달창이다. 근데 둘의 차이점을 확실히 알고 싶어 정리해본다 !

 

 

 

 

 

◎ Popup vs Modal   _  Common 

  :  특정 영역의 위치에 원하는 사이즈의 별도 레이어를 만들어 방문자에게 원하는 시점에 보여준다.

 

 

◎ Popup vs Modal   _  difference

  :  팝업창의 경우 웹시작과 동시에 실행이 되는 경우가 많고, 모달창은 중간중간에 띄우는 경우에 사용된다.

  :  사용 의도에 관점을 두고 더 쉽게 정리해보자면

   팝업창은 진행상황과 관련없이 뜨는 창이고, 모달창은 다음 진행으로 넘어가기위한 필요에 의해 사용하는 창. 

 

---

 

 

추가적으로 꼭 알아야 될 점은,

팝업창은 사용자가 원할 경우 브라우저의 옵션을 통해 열지 않도록 강제할 수 있는 기능이 있다 !!!

그렇기 때문에 반드시 노출해야하는 부분, 사용자에게 보여져야 하는 부분은 모달창을 사용하는 것이 옳다 !!!

 

 

모달, 팝업의 차이를 알고 사용하자 ! :))