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

326

한 권으로 끝내는 Node & Express

19.2.4.

클라이언트 성능 개선

우리 예제는 단순한 편이고 판매자 숫자도 적습니다. 하지만 화면에 표시할 마커가 수백 개 이

상이라면 어떻게든 더 쥐어짜서 성능을 올려야 할 겁니다. 현재는

JSON

을 파싱하고 순회하는

데, 이 단계를 건너뛸 수 있을 겁니다.

서버에서 판매자 목록의

JSON

대신(또는 이에 더해) 자바스크립트를 직접 보낼 수 있습니다.

function dealersToGoogleMaps

(

dealers

){

var js

=

'

function addMarkers

(

map

){\

n

'

+

'

var markers

=

[];\

n

'

+

'

var Marker

=

google

.

maps

.

Marker

;\

n

'

+

'

var LatLng

=

google

.

maps

.

LatLng

;\

n

';

dealers

.

forEach

(

function

(

d

){

var name

=

d

.

name

.

replace

(/'/,

'\\\'').

replace

(/\\/,

'\\\\');

js

+=

'

markers

.

push

(

new Marker

({\

n

'

+

'\

tposition

:

new LatLng

('

+

d

.

lat

+

',

'

+

d

.

lng

+

'),\

n

'

+

'\

tmap

:

map

,\

n

'

+

'\

ttitle

:

\''

+

name

.

replace

(/'/,

'\\') ...