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

271

16

장

단일 페이지 애플리케이션

단일 페이지 애플리케이션

(

SPA

)는 잘못된 이름이거나, 최소한 ‘페이지’라는 단어와 혼동해서

사용돠는 용어입니다. 사용자의 관점에서 볼 때

SPA

는 여전히 다른 페이지(홈페이지, 휴가 패

키지 페이지, 어바웃 페이지 등 )로 보일 수 있고, 대개 그렇게 받아들입니다. 사실

SPA

는 사용

자가 전통적인 서버 사이드에서 렌더링하는 애플리케이션과 전혀 구분할 수 없도록 만들 수도

있습니다.

‘단일 페이지’는 사용자 경험보다

HTML

이 어떻게 만들어지는가에 더 중점을 둡니다.

SPA

에

서는 사용자가 애플리케이션을 처음으로 불러올 때 서버가

HTML

번들 하나를

1

전송하고,

UI

변경은 (사용자는 다른 페이지로 인식할 수 있습니다 ) 자바스크립트가 사용자 행동이나 네트

워크 이벤트에 대한 응답으로

DOM

을 조작한 결과입니다.

SPA

도 서버와 계속 통신하는 것은 마찬가지이지만,

HTML

은 보통 첫 번째 요청에서만 전송됩

니다. 그 뒤로 클라이언트와 서버 사이에는

JSON

데이터와 정적 자원만 오고 갑니다.

현재 웹 애플리케이션 개발을 지배하고 있는 이 접근법을 이해하기 위해서는 역사에 대한 지식

이 조금 필요합니다.

1

성능을 위해 번들을 여러 조각으로 나눠서 필요할 때 전송하기도 하지만 원칙은 동일합니다.

단일 페이지 애플리케이션

CHAPTER ...