본문으로 바로가기

마우스 우클릭 방지 및 자동 출처 표시에 대한 고찰

로딩중..
2016.03.01 21:05

오늘은 마우스 오른쪽 버튼 금지 및 자동 출처 표시에 대한 고찰에 대해서

글을 적어 보려고 합니다.

인트로 - 왜 불펌 방지 기능을 사용을 생각을 했는가?

저는 마우스 오른쪽 버튼 및 드래그 방지, 선택 금지등의 불펌방지 플러그인을 사용 하지 않고 있었습니다.

일러스트의 이미지 파일과 소스코드 등이 많고 요즘에는 어차피 크롬으로 마우스 우클릭은 다풀려 버리니...

http://cocosoft.kr/155 - 크롬 마우스 우클릭 해제 방법[[pig toolbox]

그래서 굳이 사용할 필요성을 느끼지 못했는데...


최근 이미지 플러그인의 업데이트로 인해서 불펌 방지에 대해서 한 번 생각을 하게 되었습니다.

최근에 티스토리 이미지 플러그인 Light TT EX가 업데이트 되면서(잠수함패치(?)) 직접적으로

 마우스 오른쪽버튼으로 고화질의 원본이미지를 다운로드 불가능하게 바꼈습니다.

(암튼 요즘 알게 모르게 업데이트가 자주 되고 있는 점은 좋네요)


5158x3439 크기의 고화질 마마무 사진이지만 

Canon | Canon EOS 5D Mark II | Manual | Pattern | 1/100sec | F/5.0 | 0.00 EV | 58.0mm | ISO-400 | Off Compulsory | 2016:01:26 17:39:07출처 : 마마무 공식 홈페이지

티스토리는 자체 플러그인을 통해서 해상도가 큰 고화질의 사진을 올리면

콘텐츠 폰분 가로폭의 맞춰서 자동으로 압축크기조절이 되어버립니다.


만약 위 사진을 우클릭해서 받아보면 그림 크기가 800x533밖에 되지 않을 겁니다.


Light TT EX플러그인의 기능은 이미지를 클릭 시 새 창을 띄우지 않고 원본 이미지를 확인 가능한 기능인데,

하지만 최근 업데이트가 되면서 마우스 오른쪽 버튼으로 이미지를 받을 수가 없습니다.

(이제는 오른쪽과 왼쪽 면을 클릭해서 좌우로 넘길 수 있게 바꼈습니다.)

다른 이름으로 저장해봤자 HTML파일로 다운로드 받게 되어지죠.

물론 요소 검사를 해서 원본 파일을 받을 수 있기는 하지만 전보다는 귀찮은 일이기도 합니다.


그래서 이제 사진도 쉽게 다운 받지 못하는데

굳이 마우스 우클릭 및 불펌방지 기능을 사용 하지 않을 필요가 있나?? 라고 생각하고

티스토리의 불펌방지 기능에 대해서 한 번 살펴보고자 확인을 해보게 되었습니다.

본격적으로 아라보자

티스토리에도 자체 스팸 및 불펌방지 플러그인들이 존재하긴 합니다.

두 개다 7년 전에 만들어져서 소개가 되고 있네요.


첫 번째로 마우스 우클릭 금지


7년 전에 소개가 되었음에도 불구하고 아직도 현역!!플러그인

많은 분들이 사용하고 있는 기능중에 하나죠.


장점은 블로그 주인이 로그인을 한 상태일 때는 주인에게는 마우스 오른쪽 클릭이 풀립니다.

단점은 마우스 우클릭뿐만 아니라 드래그 기능까지 막아버린다는(?) 아무튼 통합적으로 다막아버립니다



두 번째로 콜백기능

이것은 제대로 작동하는지도 모르겠습니다??????


익스플로러에서도 작동도 안하고???? 어떻게 사용하는 건지도 잘모르겠습니다..

작동안하는 것 같네요;;;



자 그렇다면 네이버의 경우는 어떨까요??


마우스 오른쪽 버튼 금지 설정의 기능은 티스토리와 동일합니다.

하지만 자동 출처 기능이 업그레이드 되었습니다.

네이버 블로그의 자동 출처는 지금 크롬 최신버전, 파이어 폭스 최신버전에서도 작동을 합니다.


좀 더 알아보니 옛날에는 네이버에서 자동출처 방지 스크립트를 공개를 했었습니다.

http://section.blog.naver.com/BlogEpisode4Ccl.nhn?m=auto



근데 소개 페이지에서 볼 수 있는 UI에서도 알 수 있듯이

아주 오래된 스크립트로 최신 페이지에서는 작동을 하지 않습니다.



좀더 확인을 해보고자 지금 현재 네이버 블로그에서 사용되는 스크립트를 확인을 해보니


http://t.static.blog.naver.net/mylog/versioning/PostBottomCommon-1023812380.js

여기에 마우스 우클릭과 자동 출처 코드가 포함 되어져 있네요.


예전에는 따로 스크립트가 (예:autosourcing.js) 이런식으로 나눠져있어 해당 스크립트 실행을 방지해서

우클릭을 해지하는 방법도 있었다고 하는데, 그 것을 막기 위해서인지는 몰라도 

이제는 블로그의 버튼기능들 안에 포함이 되어져 있습니다.


열어보겠습니다.

코드 압축을 풀어서 확인을 해보니


확실히 기존에 공개 되었던 자동 출처 코드와는 달라 진게 보입니다.


음 그러니깐...

.

.

.

.

.

.

.

스크립트를 아무리봐도 하나도 모르니 아무것도 모르겠습니다 ㅡㅠㅡ

암튼 결론은

급하게 결론

티스토리도 지금 계속 업데이트가 되고 있는데 자동 출처와 같은 콘텐츠 보호 기능도 새롭게 업데이트가

되면 좋겠습니다. ^^ 기대해봅니다!! .. 끝..



은 아니고 암튼 지금 현재 블로그에 우클릭 방지를 걸어 두었습니다.

혹시나 사용하실 분들은 참고하세요. </body> 위에 붙여넣기를 하면 됩니다.


<!-- 마우스 우클릭 방지 드래그 가능 -->
<script>
	$(document).ready(function(){
    $(document).on("contextmenu",function(e){
        if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA")
             e.preventDefault();
     });
 });
</script>
</body>

텍스트 입력 부분은 마우스 오른쪽 버튼이 허용 되지만

다른 곳에서는 금지되는 스크립트입니다. 아그리고 드래그도 됩니다!!

계속 달지 말지는 더 고민을 해봐야겠네요.


신고

댓글을 달아 주세요

  1. BlogIcon SONYLOVE 2016.03.01 21:10 신고

    얼른 적용했습니다. ㅎㅎ

    • BlogIcon COCOSOFT COCO Media 2016.03.02 00:07 신고

      ㅎㅎ 감사합니다. 포스팅을 많이 보라고 작성은하는데 ㅠㅎㅎ 불펌당하면 좋지는 안죠. 워터마크 박는것도 귀찮아서.. ㅎㅎ 드래그정도 허용이면 보는데는 문제없을것같아요 ㅎㅎ

  2. 2016.03.03 00:26

    비밀댓글입니다

    • BlogIcon COCOSOFT COCO Media 2016.03.03 01:01 신고

      좋은말씀감사합니다 ㅠㅎㅎ 바로 수정했어요 맞춤법 신경을 쓰고해야하는데 부끄럽네요!ㅎㅎ 알려주셔서 정말감사해요

      네 저는 티스토리 자체 기존 우클릭 방지는 해지하고 저것만 사용하고있어요.!!

티스토리 툴바