// 탭 전환 기능 document.addEventListener('DOMContentLoaded', function() { // 탭 전환 기능 document.querySelectorAll('.tab').forEach(tab => { tab.addEventListener('click', () => { console.log('탭 클릭됨:', tab.dataset.tab); // 모든 탭과 콘텐츠에서 active 클래스 제거 document.querySelectorAll('.tab').forEach(t => t.classList.remove('active')); document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active')); // 클릭된 탭과 해당 콘텐츠에 active 클래스 추가 tab.classList.add('active'); const targetContent = document.getElementById(tab.dataset.tab); if (targetContent) { targetContent.classList.add('active'); console.log('탭 전환 완료:', tab.dataset.tab); } else { console.error('탭 콘텐츠를 찾을 수 없습니다:', tab.dataset.tab); } }); }); console.log('매뉴얼 탭 기능 초기화 완료'); }); // 필요한 버튼 클릭 이벤트 함수들만 유지 function openSettings() { chrome.tabs.create({ url: chrome.runtime.getURL('settings.html') }); } function openBannedWords() { chrome.tabs.create({ url: chrome.runtime.getURL('bannedWords.html') }); } function openSayings() { chrome.tabs.create({ url: chrome.runtime.getURL('sayings.html') }); }