Don’t worry about failures

태그를 통해 리소스 우선순위를 제어할 수 있는 속성들이 존재한다. 이를 정리해보자. 1. rel 속성 - preload : 리소스를 사전로드하여 페이지 로딩 성능을 개선한다. - prefetch : 리소스를 사전로드하지만 현재 페이지 로딩에 직접적으로 필요하지 않을 때 사용. 지정된 리소스의 다운로드를 백그라운드에서 진행. 저장된 리소스를 캐시에 저장하며, 페이지 전환 시에 사용된다. - stylesheet : 스타일시트 파일을 지정 - icon : 페이지 아이콘을 지정. favicon 지정 - dns-prefetch : 도메인의 DNS를 사전 로드 - preconnect : 서버와의 연결을 사전 설정 2. as 속성 - script : 스크립트 파일로 처리 - style : 스타일시트로 처리 - ima..

router.push router.push는 window.location과 같이 동작한다. 이 말은 태그를 생성시키지 않는다는 말이고, SEO에 대한 고려를 한다면 이는 옳지 않은 방식이다. crawler네 발견되지 않을 것이다. 반면, 태그는 를 생성시킨다. 이는 SEO에 적합하다는 의미이다. 또한 Enduser는 페이지를 리로딩 없이 페이지 경험을 쌓을 것이다. ( SPA 동작을 초래한다. ) a태그는 next/link import없이 standard hiperlink를 생성한다.