
페이지 전환 효과 사용하기
페이지 전환 효과(Page Transition Effect)는 Node.js로 백엔드를 수정하거나, React, Vue 등으로 만든 사이트에서 훨씬 쉽고 화려하게 만들 수 있지만, 이미 만든 사이트에 페이지 전환 효과 넣자고 사이트를 갈아엎긴 아무래도 힘듭니다.그래서 간단하게 페이지에 별다른 수정을 거치지 않고 페이드 등의 간단한 효과를 사용하는 방법을 공유해볼까 합니다. Javascript function pageTransition(nodeList) { nodeList.forEach(a => { const href = a.getAttribute("href"); const hash = a.hash || "tmp"; href && href[0] !== "#" && a.target !== "_blank" && a.href !== `${location.protocol}//${location.hostname}${location.pathname}${hash}` && ( a.addEventListener("click", e => { e.preventDefault(), setTimeout(() => { body.classList.contains("hidden") && (...