
139
6
장
서드파티 의존성 식별
* 각 스크립트에서 `link` 엘리먼트의 `rel` 어트리뷰트가
* `stylesheet` 값을 갖는지 확인한다.
*
* link는 CSS의 로딩, 프리로딩, 아이콘, 검색 등에 사용되는 다목적 엘리먼트다.
*/
scripts.forEach((link) => {
if (link.rel === 'stylesheet') {
console.log(`i: ${link.getAttribute('href')}`);
}
});
};
이 함수를 실행하면 임포트된
CSS
파일의 목록이 출력된다.
getStyles();
VM213:5 i: /assets/jquery-ui.css
VM213:5 i: /assets/boostrap.css
VM213:5 i: /assets/main.css
VM213:5 i: /assets/components.css
VM213:5 i: /assets/reset.css
6.2
서버 측 프레임워크 검출
클라이언트 (브라우저 )에 어떤 소프트웨어가 실행되는지 검출하는 것은 서버에서 무엇이 실행
되는지 알아내기보다 쉽다. 클라이언트는 사용할 코드를 다운받아 메모리에 저장하고
DOM
을
통해 참조한다. 몇몇 스크립트가 조건에 따라 로딩이 되거나 페이지 로딩이 끝난 뒤 비동기적
으로 로딩이 되기는 한다. 하지만 올바른 조건을 트리거할 ...