웹 코딩/HTML, CSS, JS
[WEB] POPUP
지구스시2
2021. 11. 16. 09:34
728x90
반응형
[팝업]
-특정 웹사이트가 어떠한 내용을 표시하기 위해 갑자기 생성되는 새 창
-역할
새로운 정보 제공, 알림, 트래픽 증가, 온라인 광고
-팝업 차단 기능
쓸데없는 메모리 소비를 줄이기 위해서
-방법
웹사이트를 열 때, 다른 웹사이트로 이동할 때, 웹 브라우저를 종료할 때 표시
활성화된 창 뒤에 숨어있기도 함
[레이어 팝업]
페이지 위에 layer를 쌓아 보여주는 창
공지사항 노출 위해 사용하는 경우가 많다.
모바일에서 자주 볼 수 있다.
[모달 팝업]
-modal window
자식 윈도에서 부모 윈도로 돌아가기 전에 사용자의 상호작용을 요구하는 창
-역할
사용자의 명령 인식, 긴급 상황 알림
-강제성
선택 하지 않는 경우 팝업에서 이탈하지 못하도록 하기도 함
-명확한 행동이 필요한 경우 사용하면 좋다.
ex. 파일 열기, 저장 대화상자, APP 권한 동의, 개인정보 동의 등
[토스트 팝업]
단순히 메세지를 전달하고 싶을 때
사용자의 상호작용이 요구되지 않는 경우
간단한 정보만 전달할 때 사용
대부분 텍스트로 이루어져 있다.
언제 나타날지? 얼마나 지속될지? 정해서 구현하면 된다.
/**참고 사이트**/
728x90
반응형