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

301

17

장

정적 콘텐츠

적 자원은

static

.

meadowlark

.

com

에서 전송하는 식으로 서브도메인을 사용할 수도 있지만,

이 방법은 불필요한 복잡함을 동반하며 로컬 개발을 더 어렵게 만듭니다. 요청 경로를 이용하

는 편이 더 쉽습니다. 예를 들어

/

public

/

으로 시작하는 요청은 모두 정적 자원이고 그 외는

모두 동적 자원이라는 식으로 구별할 수 있습니다. 익스프레스에서 콘텐츠를 생성하거나, 익스

프레스로 단일 페이지 애플리케이션

API

를 만든다면 조금 달라질 수는 있습니다.

17.3.1

서버에서 렌더링하는 사이트

익스프레스를 사용해

HTML

을 동적으로 렌더링하면 ‘

/

static

/

으로 시작하면 정적 자원이고

나머지는 전부 동적 자원이다’는 식으로 접근하기면 쉽습니다. 이 방법을 사용하면 (동적으로

생성되는 )

URL

은

/

static

/

으로 시작하지만 않으면 마음대로 만들어도 되고, 정적 자원만

/

static

/

으로 시작하면 됩니다.

<img src=”/static/img/meadowlark-logo-1.png” alt=”Meadowlark Logo”>

Welcome to <a href=”/about”>Meadowlark Travel</a>.

지금까지는 정적 자원 전체를 루트 디렉터리에 저장한 것처럼

static

미들웨어를 사용했습니

다. 즉 정적 자원 ...