처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

웹에서 'Resource Hints(리소스 힌트)' 중 dns-prefetch의 역할은?

쉬움 MDN Web Docs
보기 및 정답
A 지정된 도메인의 DNS 캐시 레코드를 브라우저와 운영체제에서 즉시 삭제하여 새로 조회하게 한다
B 지정된 도메인의 DNS 조회를 미리 수행하여 나중에 해당 도메인의 리소스를 요청할 때 지연을 줄인다
C 브라우저에서 사용할 DNS 레코드를 수동으로 직접 설정하여 운영체제의 DNS 설정을 덮어쓴다
D 브라우저의 DNS 조회를 일반 UDP 대신 DNS over HTTPS(DoH) 방식으로 활성화하여 보안을 높인다

해설

<link rel="dns-prefetch" href="//cdn.example.com">은 브라우저에게 해당 도메인의 DNS 조회를 미리 수행하도록 합니다. 실제 리소스 요청 시 DNS 확인에 소요되는 시간을 절약할 수 있으며, 외부 CDN이나 API 도메인에 사용하면 효과적입니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기