퀴즈 / HTML / 문제

HTML 링크에서 rel="noopener noreferrer"를 함께 사용하는 이유는?

보통 MDN Web Docs
보기 및 정답
A 링크의 로딩 속도를 높이기 위해 브라우저가 해당 페이지의 리소스를 미리 다운로드하고 로컬 캐시에 저장하도록 사전 설정하는 역할을 한다
B 새 탭에서 열린 페이지가 원본 페이지를 조작하지 못하게 하고, 참조 정보(referrer) 전송을 막아 보안과 개인정보를 보호한다
C 링크의 SEO 점수를 높이기 위해 검색 엔진에 해당 링크의 중요도와 관련성을 전달하는 메타 정보를 설정한다
D 링크를 캐시하여 오프라인에서도 접근 가능하게 하며 브라우저가 로컬 저장소에 전체 페이지 사본을 보관한다

해설

noopener는 target="_blank"로 열린 새 창에서 window.opener를 통해 원본 페이지에 접근하는 것을 차단합니다. noreferrer는 HTTP Referer 헤더 전송을 막아 사용자의 이전 페이지 정보가 노출되지 않도록 합니다. 외부 링크에서 보안과 프라이버시를 위해 함께 사용합니다.

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...