개발 메모장

[CDN] cdn.jsdelivr.net SSL 만료(부트스트랩 오류) 본문

보안

[CDN] cdn.jsdelivr.net SSL 만료(부트스트랩 오류)

yyyyMMdd 2024. 5. 3. 10:53
728x90
  • 입사 초기 내부 업무 확인용으로 만든 웹페이지를 오랜만에 들어가 보니 폰트 및 CSS 전반이 틀어져 버린 현상을 발견했습니다.

  • 배포를 하면서 뭘 잘못 건드린 것인가 하여 히스토리에서 확인 및 백업파일을 재배포도 해보았으나 정상적인 것이 없었습니다.

  • 분명 최근까지도 잘 됐었는데 이상하게 안 되어 확인해 보니 외부 CDN을 가져와 link 처리하고 있어 해당 URL을 주소창에 입력해 보니 에러가 발생했습니다.

  • SSL 인증서 만료로 인한 오류로 앞으로도 이렇게 의존하면 같은 일이 반복될 수 있겠다 생각되어 파일 다운로드를 통해 프로젝트에 종속시켜 처리했습니다.

#. 기존 사용하던 CDN URL

  • 아래와 같이 cdn.jsdelivr.net을 사용하고 있었습니다.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

#. 동일한 부트스트랩 css를 다른 URL에서 가져오기

  • 해당 URL을 주소창에 입력 후 접속합니다.

  • 우클릭하여 다른 이름으로 저장합니다.

  • 해당 파일을 프로젝트에 넣고 경로를 입력하여 정적파일로 사용합니다.
<link href="https://unpkg.com/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://unpkg.com/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet">


#. 대체 URL

  • cdn.jsdelivr.net 대신 fastly.jsdelivr.net 또는 gcore.jsdelivr.net으로 입력 후 접속 시 해당 웹사이트의 SSL은 만료되지 않아 정상적으로 접속이 가능합니다.

  • 위 URL 외 여러 URL이 있으니 검색하여 대체 URL로 넣어도 무관합니다.

  • 꼭 SSL 인증서의 만료일을 확인하시길 바랍니다.

  • 다만 상업적으로 사용 시 법적 문제가 없는지 확인하시길 바랍니다.

  • 현재는 기존의 cdn.jsdelivr.net의 SSL 인증서 만료 기간이 늘어난 것을 확인할 수 있습니다.

  • 하지만 이 또한 이전의 SSL을 사용하였고 만료일이 10월 29일까지 이므로 정적파일로 프로젝트에 적용하거나 자체 CDN을 개발해 처리하는 것이 좋습니다.

  • 가끔 일어나는 일이라고 하며 이번 오류는 24년 5월 2일 발생, 해결됐습니다. 

 

 

===========================================================
틀린 내용이 있거나 이견 있으시면 언제든 가감 없이 말씀 부탁드립니다!
===========================================================

728x90