한 권으로 끝내는 Node & Express: 웹사이트 구축을 위한 서버 사이드 자바스크립트

246

한 권으로 끝내는 Node & Express

| 바이너리 파일 |

여기에는 여러 가지가 포함됩니다.

PDF

,

ZIP

파일, 설치 원본 등이죠.

HTML

이 목록에 없는 걸 보고 의아할지도 모르겠습니다. 정적

HTML

페이지는 왜 빠진 걸까

요? 그런 파일이 있다면 정적 자원으로 봐도 되지만, 그렇다면

URL

이

.

html

로 끝날 텐데 이건

‘최신’ 경향이 아닙니다. 정적

HTML

파일을

.

html

확장자 없이 전송하는 라우트를 만들 수도

있지만, 일반적으로 뷰를 만드는 편이 더 쉽습니다. 뷰에 꼭 동적 콘텐츠가 있어야 하는 것도

아니니까요.

API

만 만들고 있다면 정적 자원이 없을 수도 있습니다. 그런 경우라면 이번 장을 건너뛰어도

좋습니다.

16.1.

성능에 관한 고려 사항

정적 자원을 처리하는 방법에 따라 웹사이트 성능이 크게 달라질 수 있으며, 특히 사이트에 멀

티미디어 파일이 아주 많다면 차이가 더 커질 겁니다. 성능을 생각할 때 먼저 고려해야 할 점은

요청 숫자 줄이기와 콘텐츠 크기 줄이기입니다.

둘 중에서, (

HTTP

) 요청 숫자 줄이기가 더 중요하며, 모바일 환경에서는 특히 더 중요합니

다. 무선 통신망에서는

HTTP

요청을 만드는 것도 꽤 부담이 큽니다. 요청 숫자 줄이기에는 두

가지 방법이 있습니다. 하나는 자원을 묶는 것이고 다른 하나는 브라우저 캐싱입니다.

자원 결합은 주로 구조적이며 프론트엔드 관심사입니다. 가능한 한 작은 이미지를 결합해 스

프라이트 하나로 만들어야 합니다. 그리고

CSS

에서 오프셋과 크기를 지