배경
UI를 구성하던 도중 modal 창이 아닌 modaless를 사용해야 했다. 개념을 익히기 위해 모달(Modal)과 모달리스(Modaless)의 차이에 대해 찾아보았다.
모달(Modal)
모달 창이 열렸을 때 기존에 있던 창을 사용하지 못하는 방식이다. 제어권을 독점하게 되어 모달창이 종료하기 전까지는 기존창을 작업할 수 없는 방식이다.
모달리스(Modaless)
모달과는 반대의 개념으로 창이 열리더라도 기존에 있던 창을 작업할 수 있다. 사용자가 순서에 상관없이 접근이 가능하기 때문에 사용자의 동작에 관계 없이 응용 프로그램의 상태를 일관성 있게 유지해야 한다.
후일담
진짜 하루종일 이 문제로 골머리를 앓았다. jquery 공홈에서도 modalless 관련 내용이 없고, 아무리 구글링을 해봐도 방법이 먹히질 않아 어쩌나 싶었는데.. modal 에서 fade 클래스를 삭제해줬더니 modaless 처럼 잘 작동이 되더라....😐
Step by step goes a long way ✨