v2.5.1 변경내역

• MutationObserver 감시 범위를 전체 document.body → .pzp-pc 컨테이너로 축소하여 불필요한 DOM 변화에 대한 콜백 호출 횟수 대폭 감소
• window.beforeunload 이벤트 등록: 페이지 언로드 시 observer.disconnect() 및 삽입된 SVG(#sharpnessSVGContainer)·STYLE(#sharpnessStyle) 요소를 제거하여 메모리 누수 방지
• 기존 함수 기반 로직을 ES2020 클래스 메서드로 통합·모듈화하여 코드 가독성 및 유지보수성 향상

예시 이미지 추가.

📦 Chzzk 선명한 화면 업그레이드 v2.4 변경 내역

✅ 주요 개선 사항

• 슬라이더 조작 시 기존 치지직 기능 비활성화 유지
  • 이벤트 전파(stopPropagation)만 차단하여 UI 작동 정상화
• 기존 필터 기능 완전 차단
  • click, keydown 이벤트 캡처 단계에서 preventDefault 적용 (외부 요소만)
• UI 이벤트 및 키보드 동작 정상화
  • 슬라이더/토글 클릭 및 키 조작 모두 문제없이 작동

🔧 내부 구조 변경

• stopAllEvents → preventBubblingFromOurUI, blockDefaultFilter로 세분화
  • 슬라이더/토글: 기본 동작 유지 + 버블링만 차단
  • 기존 치지직 요소: 클릭 시 완전 차단 (stopImmediatePropagation)

💬 버전 로그 출력

• 🔧 샤프닝 필터 v2.4 적용 완료 로그로 확인 가능

📄 Chzzk 샤프닝 필터 – 변경 내역

✨ Version 2.0

🚀 주요 변경 사항

• 콘솔 제어 → UI 기반 전환

  • 기존 sharpnessFilter.enable() 방식에서 벗어나, Chzzk 설정 메뉴에 토글 스위치 및 슬라이더 UI 추가
  • 사용자가 시각적으로 필터를 켜고 끌 수 있음

• 강도 조절 기능 추가

  • range 슬라이더를 통해 선명도 필터의 강도(1.0 ~ 3.0)를 세밀하게 조절 가능
  • 실시간 반영 및 저장 지원 (localStorage)

• 상태 기억 기능

  • 마지막 사용 상태 (활성 여부 및 강도 값)를 localStorage에 저장하여 새로고침 후에도 유지

• 비주얼 스타일 개선

  • 필터 활성 시 슬라이더 포커스 색상 #00f889 적용, 비활성 시 회색 처리

• MutationObserver 도입

  • 동적으로 로드되는 Chzzk 설정 메뉴 감지 및 UI 자동 삽입 처리

🛠 내부 구조 개선

• 클래스 구조화 (SharpnessFilter)

  • 필터 생성, 적용, 해제, 강도 조절을 EventTarget 기반 클래스로 구조화하여 유지보수성 향상

• Custom Event 시스템 도입

  • 필터 상태 변경 시 custom event(enabled, disabled, intensitychange) 발생 → UI 동기화 자동화

🐛 버그 방지 및 안정성 강화

• 메뉴 항목 중복 생성 방지 (dataset.sharpEnhanceDone 플래그 사용)
• 필터 설정 시 잘못된 입력값 발생 방지 로직 포함

🧪 콘솔 로그 안내

• [🔧 샤프닝 필터 v2.0 준비 완료] 메시지 출력으로 로드 상태 안내