๋ธ๋ก๊ทธ ๋ถํ ๋ฐฉ์ง ์ค์ ์ ๊ดํ ๊ฐ์ด๋๋ฅผ ํ์ธํ์ธ์. ๋ง์ฐ์ค ๋๋๊ทธ(์์ญ ์ ํ) ๋ฐฉ์ง, ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋ฒํผ ํด๋ฆญ ๋ฐฉ์ง, ํค๋ณด๋ ๋ณต์ฌ(Ctrl+C) ๊ธฐ๋ฅ์ ๋ฐฉ์งํ๋ ๊ฐ๊ฐ์ ์ค์ ๋ฐฉ๋ฒ๋ค์ ์ฝ๊ณ ์์ธํ๊ฒ ์๋ ค๋๋ฆฝ๋๋ค.
[๋ชฉ์ฐจ์ฌ๊ธฐ]
1. ๋ถํ์ด๋?
์จ๋ผ์ธ์์์ ๋ค๋ฅธ ์ฌ๋์ด ์์ฑํ ๊ธ, ์ดฌ์ํ ์ฌ์ง๊ณผ ๋์์, ์ ์ํ ์๋ฃ ๋ฑ์ ํ๋ฝ๋ ์์ด ๋ฌด๋จ์ผ๋ก ๊ฐ์ ธ๊ฐ ๋ค์ ๊ฒ์, ์ ์ฌํ๊ฑฐ๋ ๋ฐฐํฌํ๋ ํ์๋ ๋ชจ๋ ๋ถ๋ฒ(๋ฒ์ฃ)์ ๋๋ค. ๊ทธ๋์ ‘๋ถ๋ฒ ํผ ์ด’์ด๋ผ๊ณ ํํํ๋๋ฐ, ์ด ๋ง์ด ์ค์ด๋ค์ด '๋ถํ'์ด๋ผ๋ ์งง์ ๋จ์ด๋ก ์ฌ์ฉํ๊ฒ ๋ ๊ฒ์ ๋๋ค. ์ฆ, <๋ถํ = ๋ถ๋ฒ ํ์ง>์ ๋๋ค.
2. ๋ถํ ๋ฐฉ์ง ์ข ๋ฅ
๋ถํ์ ๋ฐฉ์งํ๋ ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก๋ ๋ง์ฐ์ค๋ก ์์ ํ๋ ๋๋๊ทธ ๋ฐ ์ฐํด๋ฆญ์ ๋ฐฉ์งํ๋ ์ฝ๋๋ฅผ ์ฝ์ ํ๋ ์ค์ ์ด ์๊ณ , ํค๋ณด๋๋ก ์์ ํ๋ ๊ฒ์๋ฌผ์ ๋ณต์ฌ(Ctrl+C)๋ฅผ ๋ฐฉ์งํ๋ ์ฝ๋๋ฅผ ์ฝ์ ํ๋ ์ค์ ๋ ์์ต๋๋ค. ์ธ ๊ฐ์ง ๋ฐฉ๋ฒ๋ค์ ์ฐจ๋ก๋๋ก ์ค๋ช ํฉ๋๋ค.
2-1. ๋ง์ฐ์ค ๋๋๊ทธ ๋ฐฉ์ง ์ค์ ๋ฐฉ๋ฒ
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์ค์ - ๊พธ๋ฏธ๊ธฐ - ์คํจ ํธ์ง - HTML ํธ์ง ๊ฒฝ๋ก๋ก ์ด๋ ํ HTML ํธ์ง์ฐฝ์์ ์์ธ(Ctrl+F) ๊ธฐ๋ฅ์ผ๋ก <body id=๋ฅผ ์ฐพ์์ ๋ฐ๋ก ์๋์ ์๋ ์ฝ๋(Ctrl+C)๋ฅผ ๋ณต์ฌ ๋ฐ ๋ถ์ฌ ๋ฃ๊ธฐ(Ctrl+V) ํ์ธ์. ์ฝ๋ ์ฝ์ ์ด ์๋ฃ๋์๋ค๋ฉด '์ ์ฉ'์ ํด๋ฆญํ์ฌ ์์ ์ ์๋ฃํ๋ฉด ๋๊ฒ ์ต๋๋ค. ์ฒจ๋ถํ ์์งค(์์ง์ด๋ .gif ์ด๋ฏธ์ง)์ ๋ณด๋ฉด์ ์์๋๋ก ๋ฐ๋ผ ํ์ธ์.
<!-- ๋ง์ฐ์ค ๋๋๊ทธ ๋ฐฉ์ง ์ฝ๋ ์์ -->
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<!-- ๋ง์ฐ์ค ๋๋๊ทธ ๋ฐฉ์ง ์ฝ๋ ์ข
๋ฃ -->
2-2. ๋ง์ฐ์ค ์ฐํด๋ฆญ ๋ฐฉ์ง, ํค๋ณด๋ ๋ณต์ฌ ๋ฐฉ์ง ์ค์ ๋ฐฉ๋ฒ
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๊ธ์ฐ๊ธฐ ์๋ํฐ ์ฐฝ์์ ๊ธ ์์ฑ์ ๋ง์น๋ฉด ๋ฐํ ์ ์๋ํฐ ์๋จ ๋ฉ๋ด๋ฐ์ ๊ฐ์ฅ ์ฐ์ธก์ ์๋ <๊ธฐ๋ณธ๋ชจ๋>๋ฅผ ํด๋ฆญํ์ฌ HTML๋ก ๋ณ๊ฒฝํ์ธ์. ๊ทธ๋ฆฌ๊ณ ๋ณ๊ฒฝ๋ HTML์ฐฝ์ ๊ฐ์ฅ ๋ง์ง๋ง์, ์๋ ์ฝ๋(Ctrl+C)๋ฅผ ๋ณต์ฌ ๋ฐ ๋ถ์ฌ ๋ฃ๊ธฐ(Ctrl+V) ํ์ธ์. ์ด ์ฝ๋๋ ๋ง์ฐ์ค ์ฐํด๋ฆญ ๋ฐฉ์ง์ ๋์์ ํค๋ณด๋ ๋ณต์ฌ ๋ํ ๋ฐฉ์งํฉ๋๋ค. ์ฝ๋ ์ฝ์ ์ด ์๋ฃ๋๋ฉด ๊ทธ๋๋ก ๊ธ ๋ฐํ์ ํ๋ฉด ๋๊ฒ ์ต๋๋ค. ์ฒจ๋ถํ ์์งค(์์ง์ด๋ .gif ์ด๋ฏธ์ง)์ ๋ณด๋ฉด์ ์์๋๋ก ๋ฐ๋ผํ์ธ์.
<script type="text/javascript">
$(document).ready(function(){
$('.area_view').attr('tabindex', 0);
$('.area_view').css({'outline':'none'});
$('.area_view').focus();
});
// ๋ง์ฐ์ค ์ฐํด๋ฆญ ์ด๋ฒคํธ ๋ฐ์ ์
$('.area_view').contextmenu(function(){
alert('๋ณธ ๊ฒ์๋ฌผ์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋ฒํผ ์ฌ์ฉ์ด ๊ธ์ง๋์์ต๋๋ค.');
return false;
});
// ํค๋ณด๋ ์ด๋ฒคํธ ๋ฐ์ ์
$(document).on('keydown', '.area_view', function(event){
if(event.ctrlKey && event.keyCode == 67){
alert('๋ณธ ๊ฒ์๋ฌผ์ Ctrl+C ์ฌ์ฉ์ด ๊ธ์ง๋์์ต๋๋ค.');
return false;
}
});
2-3. ํ๋ฌ๊ทธ์ธ ํ์ฉ, ์ด๊ฐ๋จ ์ฐํด๋ฆญ ๋ฐฉ์ง ์ค์ ๋ฐฉ๋ฒ
๋ง์ฐ์ค ์ฐํด๋ฆญ ๋ฐฉ์ง์ ๊ฒฝ์ฐ, ํฐ์คํ ๋ฆฌ ์ค์ - ํ๋ฌ๊ทธ์ธ - ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ํด๋ฆญ ๋ฐฉ์ง ๊ฒฝ๋ก๋ก ์ด๋ํ์ฌ ์ ์ฉ์ ํ๋ฉด ์์ฃผ ์์ฝ๊ฒ ์ค์ ์ ํ ์ ์์ต๋๋ค. ์ด ๋ฐฉ๋ฒ์ ๋ธ๋ก๊ทธ ์ด์์๊ฐ ์ง์ html ์ฝ๋ ์ฝ์ ์ ๋ค๋ฃจ์ง ์๊ธฐ ๋๋ฌธ์ ์ฝ๊ณ ๊ฐ๋จํฉ๋๋ค. ์ฒจ๋ถํ ์์งค(์์ง์ด๋ .gif ์ด๋ฏธ์ง)์ ๋ณด๋ฉด์ ์์๋๋ก ๋ฐ๋ผ ํ์ธ์.
3. ์ฌ์ค ๋ถํ์ ๊ธฐ์ ์ ์ผ๋ก ๋ฐฉ์ง๊ฐ ์ด๋ ต๋ค
์ฌ์ค ์ด๋ฐ ๋ฐฉ๋ฒ๋ค์ ๊ธฐ์ ์ ์ผ๋ก ์๋ฒฝํ ๋ฐฉ์ด๊ฐ ์ด๋ ต์ต๋๋ค. ๋ถํ ๋ฐฉ์ง ํด์ ๋ฐฉ๋ฒ์ ๊ฒ์ํ๋ฉด ์จ๊ฐ ์ ๋ณด๊ฐ ๋์น๊ณ , ์น๋ธ๋ผ์ฐ์ ์์ ๋๋ฒ๊น ๋ชจ๋๋ก ์ฌ์ดํธ ๊ตฌ์กฐ๋ฅผ ๋ ๋๋ง ํ ํ ํ์ํ ์ ๋ณด๋ง ๊ตฌ์กฐ์ ์ผ๋ก ์น ๋ฏ์ด๋ด ๊ธ์ด๊ฐ๋ ๋ฐฉ๋ฒ์ด ์๊ธฐ ๋๋ฌธ์ ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์์ฆ ์ฌ๋๋ค์ ๋๋ถ๋ถ PC๋ณด๋ค๋ ๋ชจ๋ฐ์ผ์์ ํ๋ฉด ์บก์ฒ(์คํฌ๋ฆฐ์ท) ๊ธฐ๋ฅ์ ์ฌ์ฉํ๊ณ , ์ ์ฅ๋ ์คํฌ๋ฆฐ์ท์์ ํ ์คํธ, ์ด๋ฏธ์ง๋ฅผ ๋ณ๋ ๋ถ๋ฆฌํ์ฌ ์๋ณธ ๊ทธ๋๋ก ๋ณด์กดํ๋ ๊ธฐ์ ์ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๋ถํ์ ๊ธฐ์ ์ ์ผ๋ก ๋ฐฉ์งํ ์ ์๋ค๊ณ ๋ง์๋๋ฆฝ๋๋ค. ์ต์ํ์ ์กฐ์น๋ผ๊ณ ์๊ฐํ์ธ์. ๋ ์์ธํ ์ ๋ณด๋ ์๋ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ์ธ์.