한 권으로 끝내는 Node & Express(2판): 모던 웹을 위한 서버 사이드 자바스크립트의 모든 것

300

한 권으로 끝내는 Node & Express

는 특별한 헤더(곧 알아봅니다 )를 사용합니다.

CDN

은 위치 최적화 (에지 캐싱

edge

caching

이라고도 합니다)를 사용해, 클라이언트에 가까운 서

버에서 정적 콘텐츠를 전송합니다. 물론 인터넷은 아주 빠르지만, 수백 킬로미터 거리에서 전

송하는 것보다 수십 킬로미터 거리에서 전송하는 것이 빠른 건 당연합니다. 파일 하나에서 줄

어드는 시간은 아주 작겠지만, 사용자 수와 요청, 자원 숫자가 늘어날수록 이 효과는 급격히 커

집니다.

정적 자원은 대부분

HTML

뷰에서 참조합니다.

<

link

>

요소는

CSS

파일,

<

script

>

는 자바

스크립트 파일,

<

img

>

는 이미지를 가져오며 멀티미디어에 관련된 태그도 있습니다.

CSS

에서

정적 자원을 참조하는 경우도 있으며 대개는

background

-

image

프로퍼티에서 사용합니다.

마지막으로 자바스크립트에서 정적 자원을 참조하는 경우도 있습니다. 자바스크립트 코드에서

동적으로

background

-

image

프로퍼티,

<

img

>

태그를 삽입 또는 수정하는 것이 그 예입니다.

NOTE

_ 일반적으로

CDN

을 사용할 때는

CORS

를 염려하지 않아도 됩니다.

HTML

에서 불러온 외부 자

원은

CORS

의 제약을 받지 않습니다. 에이잭스를 통해 불러온 자원에만

CORS

를