Z세대가 선택한 2025 브랜드 TOP 10|왜 다들 이 브랜드만 입을까?

Author name

6월 14, 2025



2025-2026 패션 트렌드 인터랙티브 리포트

2025-2026 패션 트렌드

인터랙티브 리포트

대표 아이템: ${brand.item}

`; brandCardsContainer.appendChild(card); }); }; renderStyleCards(data.styles); renderBrandCards(data.brands); const styleFilters = { gender: 'all', tpo: 'all' }; const brandFilters = { gender: 'all', tier: 'all' }; const updateFilterButtons = (btnGroup, activeBtn) => { btnGroup.forEach(btn => { btn.classList.remove('filter-btn-active'); btn.classList.add('filter-btn-inactive'); }); activeBtn.classList.add('filter-btn-active'); activeBtn.classList.remove('filter-btn-inactive'); }; document.querySelectorAll('.style-filter-btn').forEach(button => { if (button.dataset.filterValue === 'all') { button.classList.add('filter-btn-active'); button.classList.remove('filter-btn-inactive'); } else { button.classList.add('filter-btn-inactive'); } button.addEventListener('click', (e) => { const group = e.target.dataset.filterGroup; const value = e.target.dataset.filterValue; styleFilters[group] = value; const btnGroup = document.querySelectorAll(`.style-filter-btn[data-filter-group="${group}"]`); updateFilterButtons(btnGroup, e.target); document.querySelectorAll('.style-card').forEach(card => { const showGender = styleFilters.gender === 'all' || card.dataset.gender === styleFilters.gender; const showTpo = styleFilters.tpo === 'all' || card.dataset.tpo === styleFilters.tpo; if (showGender && showTpo) { card.classList.remove('hidden'); } else { card.classList.add('hidden'); } }); }); }); document.querySelectorAll('.brand-filter-btn').forEach(button => { if (button.dataset.filterValue === 'all') { button.classList.add('filter-btn-active'); } else { button.classList.add('filter-btn-inactive'); } button.addEventListener('click', (e) => { const group = e.target.dataset.filterGroup; const value = e.target.dataset.filterValue; brandFilters[group] = value; const btnGroup = document.querySelectorAll(`.brand-filter-btn[data-filter-group="${group}"]`); updateFilterButtons(btnGroup, e.target); document.querySelectorAll('.brand-card').forEach(card => { const showGender = brandFilters.gender === 'all' || card.dataset.gender === brandFilters.gender || card.dataset.gender === 'both'; const showTier = brandFilters.tier === 'all' || card.dataset.tier === brandFilters.tier; if (showGender && showTier) { card.classList.remove('hidden'); } else { card.classList.add('hidden'); } }); }); }); const sections = document.querySelectorAll('.content-section'); const navTabs = document.querySelectorAll('.nav-tab'); window.showSection = (sectionId) => { sections.forEach(section => { if (section.id === sectionId) { section.classList.remove('hidden'); section.classList.add('section-fade-in'); } else { section.classList.add('hidden'); } }); navTabs.forEach(tab => { if (tab.getAttribute('onclick') === `showSection('${sectionId}')`) { tab.classList.add('tab-active'); tab.classList.remove('tab-inactive'); } else { tab.classList.remove('tab-active'); tab.classList.add('tab-inactive'); } }); }; showSection('trends'); });

Leave a Comment