모달창..? 모델창..?

https://bomango.tistory.com/57

모달창 VS 팝업창, 차이가 뭔데?

"팝업창 말고 모달창으로 만들어줘~" "이번 모달창은 iframe으로 만들어~" 입사 초기에 모달=팝업 이라고 생각했던 무지한 나에게 이런 요구사항들은 당황스러웠다. html 공부할 때 그저 모달창은 div로 묶어 만든..

bomango.tistory.com

​

수업시간에 모달창이라는 개념이 나오는데, 잘 몰라서 지금까지 모델창으로 알아먹고 있었습니다. (모델창이라는건 없는거같습니다..)

​

[모달창]

1. 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌, 레이어를 까는 것을 말한다.

2. 제거를 하지 않고도 페이지를 이동하면 자연히 사라진다.

3. 기존의 페이지와 부모-자식 관계를 갖는다.

4. 브라우저의 새 창 제어 옵션에는 전혀 영향을 받지 않는다.

​

[팝업창]

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

2. 브라우저에서 이 창을 열기 닫기를 제어할 수 있다.

​

[모달창 vs 팝업창]

1. 브라우저 옵션에서 팝업창을 차단한 사용자는 팝업창을 볼 수 없다.

2. 사용자의 입장에서 팝업창은 일일이 X를 누르며 지워야 한다. (불편)

3. 팝업창의 경우 웹 페이지와 분리된 상태에서 코딩을 하기 때문에 비교적 작업 과정이 수월하다. 또 일단 팝업창을 만들어 두면 언제든 재활용이 가능하며, 페이지별 이동이 자유롭다. (팝업 창의 장점) 이 장점을 모달창에 적용한 것이 iframe을 이용한 새창 띄우기다.

4. iframe 을 통해 모달창 생성을 하면, 모달의 형태로 브라우저 위에 새 레이어가 깔린다. 근데 이 레이어에는 기존 페이지와 별도의 html로 구현된다.