해시넷
"팝업"의 두 판 사이의 차이
(새 문서: '''팝업'''(popup)은 특정 웹사이트가 어떠한 내용을 표시하기 위해 생성되는 새창을 말한다. == 개요 == {{각주}} == 참고 자료 == {{인터넷|...) |
|||
| 2번째 줄: | 2번째 줄: | ||
== 개요 == | == 개요 == | ||
| + | 팝업은 웹사이트에서 특정 영역의 위치에 원하는 사이즈의 별도 레이어를 만들어 기존 페이지를 전환하지 않고 새로운 웹창을 하나 더 추가시켜 방문자들에게 원하는 시점에 보여주는 것이다. 주 용도는 광고 또는 새로운 정보를 갱신하거나 알리는 것으로 사용한다. 팝업을 이용한 광고는 웹사이트를 열때 뿐아니라 종료할 때 표시되기도 하며, 활성화 된 창 뒤에서 팝업이 숨어 있기도해 메모리를 쓸데없이 메모리를 사용하기 때문에 웹브라우저는 팝업창 차단 기능을 지원한다. 최근에는 새창을 띄우지 않는 모달창을 주로 사용한다.<ref> 〈[https://namu.wiki/w/%ED%8C%9D%EC%97%85 팝업]〉, 《나무위키》 </ref><ref name=popwiki>〈[https://ko.wikipedia.org/wiki/%ED%8C%9D%EC%97%85%EC%B0%BD 팝업창]〉, 《위키백과》 </ref><ref name=liu> liufeier, 〈[https://liufeier.tistory.com/24 modal, layer popup, parallax]〉, 《티스토리》, 2016-03-24 </ref> | ||
| + | |||
| + | == 종류 == | ||
| + | === 팝업창 === | ||
| + | 가장 일반적인 팝업으로 보통 자바스크립트를 이용해 새로운 창을 띄우는 기능을 말한다. 사이트 접속 직후 또는 종료후 나타나며, 메모리를 사용하기 팝업이 많으면 웹사이트 로딩이 느려져 사용자들에게 불편함을 준다. 때문에 대부분의 웹브라우저가 팝업 차단기능을 지원해 반드시 노출해야하는 부분은 모달창을 더 많이 쓴다.<ref name=liu></ref> | ||
| + | === 모달창 === | ||
| + | 모달창(Modal Window) 또는 레이어 팝업(Layer popup)는 같은 웹사이트 내부에서 상위 레이어를 띄우는 방식으로 사용한느 창을 의미한다. 모달창을 종료하지 않고서는 원래 웹사이트에는 접근이 불가능하므로 주로 강제성의 의미가 부여되어 사용자의 이목을 집중시킨다. 앱 권한 동의나, 개인정보 동의 등 명확한 행동이 필요한 경우 사용하면 좋다. 팝업창 대신 무분별하게 사용된다면 내용을 보지도 않고 닫기 버튼을 누르는 경우가 많다. 일반적으로 모달창 바깥 부분을 조금 어둡게 보이도록 반투명한 검은색 박스를 덮는 방법을 사용한다.<ref name=liu></ref> | ||
| + | |||
| + | == 팝업 차단 == | ||
| + | 팝업창이 무분별하게 사용되고, 팝업창으로 인해 피해를 보는 사례가 증가하다보니 웹브라우저에서는 팝업 차단기능을 기본으로 넣어두는 경우가 대부분이다. 때문에 웹사이트의 중요한 팝업이 뜨지 않는 경우가 많아져 최근에는 모달창이나 레이어 팝업을 통해 정보를 전달하는 경우가 많아졌다. 또한 광고주들은 팝업창 차단 도구들 때문에 팝업창을 이용한 광고를 마음대로 생성할 수 없게 되자 팝업 차단을 우회할 수 있는 방법을 찾아내고 있다. 팝업창 차단 도구들이 자바스크립트를 이용한 팝업창 생성만 막았기 때문에 어도비 플래시를 사용하여 생성되거나, 배너광고와 팝업창 광고를 결합하여 자바스크립트와 함께 DHTML를 이용해 브라우저 화면에 떠다니도록 하는 떠다니는 광고가 등장했다. 하지마 이러한 광고들도 파이어폭스에서 사용 가능한 애드블록 플러스(Adblock Plus)와 같은 다른 광고 차단 도구나 사용자가 정의한 스타일시트를 이용해서 차단할 수 있다.<ref name=popwiki></ref> | ||
| + | |||
| + | == 피해 사례 == | ||
| + | === 금융감독원 사칭 팝업 === | ||
| + | 2013년 자신의 컴퓨터를 통해 인터넷을 실행한 후 포탈사이트에 접속하자 화면에서는 금융감독원을 사칭한 보안인증 팝업창이 떠 개인금융거래정보를 입력하라는 내용을 보고 사기임을 의심치 않고 관련된 정보를 입력했다가 피해를 본 사례이다.<ref> 김재현, 〈[https://www.dailian.co.kr/news/view/359647 팝업창 피싱주의보, 당신의 돈을 노리고 있다]〉, 《데일리안 오피니언》, 2013-07-21 </ref> | ||
| + | === 트럼프 대통령 후원 팝업 === | ||
| + | 도날드 존 트럼프(Donald John Trump) 전 미국 대통령이 온라인에서 후원금을 모금할때 매주 자동으로 후원금이 빠져나간다는 내용의 팝업창을 이용자의 동의가 표시가 된채 띄워 놓아 매주 후원을 원치 않을 경우 동의를 해제해야 빠져나가지 않았지만 나이가 많아 디지털에 익숙지 않거나 팝업창을 신경 써서 읽지 않은 사람들은 자신도 모르게 매주 후원금이 빠져나가고 있었던 사례이다.<ref> 유재동, 〈[https://www.donga.com/news/article/all/20210810/108481818/1 트럼프, 지지자들 “사기 당했다” 항의에 후원금 147억 원 돌려줘]〉, 《동아닷컴》, 2021-08-10 </ref> | ||
{{각주}} | {{각주}} | ||
== 참고 자료 == | == 참고 자료 == | ||
| + | * 〈[https://namu.wiki/w/%ED%8C%9D%EC%97%85 팝업]〉, 《나무위키》 | ||
| + | * 〈[https://ko.wikipedia.org/wiki/%ED%8C%9D%EC%97%85%EC%B0%BD 팝업창]〉, 《위키백과》 | ||
| + | * liufeier, 〈[https://liufeier.tistory.com/24 modal, layer popup, parallax]〉, 《티스토리》, 2016-03-24 | ||
| + | * 김재현, 〈[https://www.dailian.co.kr/news/view/359647 팝업창 피싱주의보, 당신의 돈을 노리고 있다]〉, 《데일리안 오피니언》, 2013-07-21 | ||
| + | * 유재동, 〈[https://www.donga.com/news/article/all/20210810/108481818/1 트럼프, 지지자들 “사기 당했다” 항의에 후원금 147억 원 돌려줘]〉, 《동아닷컴》, 2021-08-10 | ||
{{인터넷|토막글}} | {{인터넷|토막글}} | ||
2021년 8월 18일 (수) 13:45 판
팝업(popup)은 특정 웹사이트가 어떠한 내용을 표시하기 위해 생성되는 새창을 말한다.
개요
팝업은 웹사이트에서 특정 영역의 위치에 원하는 사이즈의 별도 레이어를 만들어 기존 페이지를 전환하지 않고 새로운 웹창을 하나 더 추가시켜 방문자들에게 원하는 시점에 보여주는 것이다. 주 용도는 광고 또는 새로운 정보를 갱신하거나 알리는 것으로 사용한다. 팝업을 이용한 광고는 웹사이트를 열때 뿐아니라 종료할 때 표시되기도 하며, 활성화 된 창 뒤에서 팝업이 숨어 있기도해 메모리를 쓸데없이 메모리를 사용하기 때문에 웹브라우저는 팝업창 차단 기능을 지원한다. 최근에는 새창을 띄우지 않는 모달창을 주로 사용한다.[1][2][3]
종류
팝업창
가장 일반적인 팝업으로 보통 자바스크립트를 이용해 새로운 창을 띄우는 기능을 말한다. 사이트 접속 직후 또는 종료후 나타나며, 메모리를 사용하기 팝업이 많으면 웹사이트 로딩이 느려져 사용자들에게 불편함을 준다. 때문에 대부분의 웹브라우저가 팝업 차단기능을 지원해 반드시 노출해야하는 부분은 모달창을 더 많이 쓴다.[3]
모달창
모달창(Modal Window) 또는 레이어 팝업(Layer popup)는 같은 웹사이트 내부에서 상위 레이어를 띄우는 방식으로 사용한느 창을 의미한다. 모달창을 종료하지 않고서는 원래 웹사이트에는 접근이 불가능하므로 주로 강제성의 의미가 부여되어 사용자의 이목을 집중시킨다. 앱 권한 동의나, 개인정보 동의 등 명확한 행동이 필요한 경우 사용하면 좋다. 팝업창 대신 무분별하게 사용된다면 내용을 보지도 않고 닫기 버튼을 누르는 경우가 많다. 일반적으로 모달창 바깥 부분을 조금 어둡게 보이도록 반투명한 검은색 박스를 덮는 방법을 사용한다.[3]
팝업 차단
팝업창이 무분별하게 사용되고, 팝업창으로 인해 피해를 보는 사례가 증가하다보니 웹브라우저에서는 팝업 차단기능을 기본으로 넣어두는 경우가 대부분이다. 때문에 웹사이트의 중요한 팝업이 뜨지 않는 경우가 많아져 최근에는 모달창이나 레이어 팝업을 통해 정보를 전달하는 경우가 많아졌다. 또한 광고주들은 팝업창 차단 도구들 때문에 팝업창을 이용한 광고를 마음대로 생성할 수 없게 되자 팝업 차단을 우회할 수 있는 방법을 찾아내고 있다. 팝업창 차단 도구들이 자바스크립트를 이용한 팝업창 생성만 막았기 때문에 어도비 플래시를 사용하여 생성되거나, 배너광고와 팝업창 광고를 결합하여 자바스크립트와 함께 DHTML를 이용해 브라우저 화면에 떠다니도록 하는 떠다니는 광고가 등장했다. 하지마 이러한 광고들도 파이어폭스에서 사용 가능한 애드블록 플러스(Adblock Plus)와 같은 다른 광고 차단 도구나 사용자가 정의한 스타일시트를 이용해서 차단할 수 있다.[2]
피해 사례
금융감독원 사칭 팝업
2013년 자신의 컴퓨터를 통해 인터넷을 실행한 후 포탈사이트에 접속하자 화면에서는 금융감독원을 사칭한 보안인증 팝업창이 떠 개인금융거래정보를 입력하라는 내용을 보고 사기임을 의심치 않고 관련된 정보를 입력했다가 피해를 본 사례이다.[4]
트럼프 대통령 후원 팝업
도날드 존 트럼프(Donald John Trump) 전 미국 대통령이 온라인에서 후원금을 모금할때 매주 자동으로 후원금이 빠져나간다는 내용의 팝업창을 이용자의 동의가 표시가 된채 띄워 놓아 매주 후원을 원치 않을 경우 동의를 해제해야 빠져나가지 않았지만 나이가 많아 디지털에 익숙지 않거나 팝업창을 신경 써서 읽지 않은 사람들은 자신도 모르게 매주 후원금이 빠져나가고 있었던 사례이다.[5]
각주
- ↑ 〈팝업〉, 《나무위키》
- ↑ 2.0 2.1 〈팝업창〉, 《위키백과》
- ↑ 3.0 3.1 3.2 liufeier, 〈modal, layer popup, parallax〉, 《티스토리》, 2016-03-24
- ↑ 김재현, 〈팝업창 피싱주의보, 당신의 돈을 노리고 있다〉, 《데일리안 오피니언》, 2013-07-21
- ↑ 유재동, 〈트럼프, 지지자들 “사기 당했다” 항의에 후원금 147억 원 돌려줘〉, 《동아닷컴》, 2021-08-10
참고 자료
- 〈팝업〉, 《나무위키》
- 〈팝업창〉, 《위키백과》
- liufeier, 〈modal, layer popup, parallax〉, 《티스토리》, 2016-03-24
- 김재현, 〈팝업창 피싱주의보, 당신의 돈을 노리고 있다〉, 《데일리안 오피니언》, 2013-07-21
- 유재동, 〈트럼프, 지지자들 “사기 당했다” 항의에 후원금 147억 원 돌려줘〉, 《동아닷컴》, 2021-08-10
