728x90
반응형
⚠️ 주의: 복사 방지 기능은 사용자 경험을 저해할 수 있으므로 신중하게 사용하시기 바랍니다. 과도한 제한은 방문자 이탈을 초래할 수 있습니다. ⚠️
1. 마우스 드래그 및 우클릭 방지
<script>
document.addEventListener('selectstart', function (e) {
e.preventDefault();
});
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
});
</script>
- selectstart 이벤트: 텍스트 선택 시작 시 발생하는 이벤트를 가로채서 기본 동작을 방지합니다.
- contextmenu 이벤트: 마우스 우클릭 시 발생하는 컨텍스트 메뉴를 가로채서 기본 동작을 방지합니다.
2. 복사, 잘라내기, 붙여넣기 방지 (추가)
<script>
document.addEventListener('copy', function (e) {
e.preventDefault();
});
document.addEventListener('cut', function (e) {
e.preventDefault();
});
document.addEventListener('paste', function (e) {
e.preventDefault();
});
</script>
- copy, cut, paste 이벤트: 복사, 잘라내기, 붙여넣기 동작을 가로채서 기본 동작을 방지합니다.
3. 이미지 다운로드 방지 (추가)
<script>
document.querySelectorAll('img').forEach(img => {
img.addEventListener('contextmenu', function (e) {
e.preventDefault();
});
img.setAttribute('draggable', 'false'); // 드래그 방지
});
</script>
- querySelectorAll('img'): 페이지의 모든 <img> 태그를 선택합니다.
- img.addEventListener('contextmenu', ...): 각 이미지에 우클릭 방지 이벤트를 추가합니다.
- img.setAttribute('draggable', 'false'): 이미지를 드래그하여 다운로드하는 것을 방지합니다.
4. 외부 유입 차단 (선택 사항)
<script>
if (document.referrer === '') {
location.href = '/'; // 메인 페이지 또는 다른 페이지로 이동
}
</script>
- document.referrer: 현재 페이지로 이동하기 전에 방문했던 페이지의 URL을 나타냅니다.
- 이 코드는 직접 유입(주소창에 직접 입력하거나 즐겨찾기 등) 외의 외부 유입을 모두 차단하여, 지정된 페이지 (예: 메인 페이지)로 이동시킵니다.
🚫 경고: 외부 유입 차단 코드는 검색 엔진 최적화 (SEO)에 악영향을 미칠 수 있으며, 사용자 경험을 크게 저해할 수 있으므로 신중하게 사용해야 합니다.
📌 티스토리에 적용하는 방법
- 티스토리 블로그 관리 페이지에 접속합니다.
- "꾸미기 > 스킨 편집" 메뉴로 이동합니다.
- "HTML 편집" 버튼을 클릭합니다.
- <head> 태그 아래에 원하는 코드를 붙여넣습니다.
- "적용" 버튼을 클릭합니다.
👍 팁: 위 코드들을 모두 적용하는 대신, 필요한 기능만 선택하여 적용하는 것이 좋습니다. 예를 들어, 텍스트 복사 방지와 이미지 다운로드 방지만 적용하고 싶다면 해당 코드만 사용하면 됩니다.
728x90
반응형
'Know' 카테고리의 다른 글
| 🎮 롤 (LoL) + 🎬 4K 유튜브 영상 편집에 적합한 모델 선택 (맥미니 M2 Pro vs M4) (1) | 2025.03.27 |
|---|---|
| 🚫 티스토리 복사 방지, 이렇게 우회할 수 있어요 (⚠️잠깐!⚠️) (1) | 2025.03.27 |
| 🚗 현대자동차의 대미 투자와 트럼프 대통령의 관세 면제 발언: 그 의미와 이점 분석 (2) | 2025.03.27 |
| 2025년 3월 27일, 대한민국을 휩쓴 산불 사태 🔥 현재 진화율 (1) | 2025.03.27 |
| ✨ 마우스 따라다니는 반짝이 요정 효과! 티스토리 블로그에 마법 더하기 ✨ (1) | 2025.03.26 |
