분해와 통합을 위한 여러 기술 비교

페이지를 분할하여 작업하는 노력은 이전부터 다양한 형태로 이어져 왔다.

어떤 방식으로 작업을 해왔는지 과거의 사용했던 사례들을 살펴보며 어떤식으로 구성이 되었는지 알아보자.

완전한 솔루션은 없고 함께 사용하거나, 특정 상황에서만 사용하는 경우가 많아 현재도 유효한 기술일 수도 있으니 참고

Server Side template composition via Nginx SSI

Nginx의 SSI 기능을 활용

• Nginx로 Frontend Proxy를 만들고 그 안에서 SSI를 ON하여 다른 템플릿을 inlcude로 넣는다.

Runtime Integration via AJAX

• 비동기적으로 자바스크립트를 이용하여 서버의 정보를 활용해 도큐먼트 안에 합치는 방식

Runtime Integration via <iframe/>

Runtime Integration via Web components

Linked SPA