April 2016
Beginner to intermediate
389 pages
9h 8m
Korean
Content preview from 한 권으로 끝내는 Node & Express: 웹사이트 구축을 위한 서버 사이드 자바스크립트
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
250
한 권으로 끝내는 Node & Express
16.2.2.
뷰 속의 정적 자원
뷰 속의 정적 자원이 가장 다루기 쉬우니 여기서부터 시작합시다.
7
장에서 배운 핸들바 헬퍼를
써서 정적 자원의 링크를 가져올 수 있습니다.
//
핸들바
뷰
엔진
설정
var handlebars
=
require
('
express
-
handlebars
').
create
({
defaultLayout
:'
main
',
helpers
:
{
static
:
function
(
name
)
{
return require
('./
lib
/
static
.
js
').
map
(
name
);
}
}
});
핸들바 헬퍼
static
은 단순히 정적 매퍼를 호출하기만 합니다. 이제
main
.
handlebars
를 수정
해서 로고 이미지 자리에 새 헬퍼를 넣습니다.
<
header
><
img src
=
"{{
static
'/
img
/
logo
.
png
'}}"
alt
=
"
Meadowlark Travel Logo
"></
header
>
웹사이트를 실행해보면 아무것도 바뀐 게 없습니다. 소스를 살펴봐도 로고 이미지
URL
은 여전
히
/
img
/
meadowlark
_
logo
.
jpg
입니다.
이제 시간을 좀 투자해서, 뷰와 템플릿에 들어 있는 정적 자원 참조를 모두 바꿔야 합니다. 이
작업을 완료하면,
HTML
에 들어 있는 정적 자원은 모두
CDN
으로 이동할 준비