장단점
장점
•
규묘 변경이 쉬움
•
느슨한 결합이며 높은 성능
•
동적발견, 독립적인 개발등 유연성
단점
•
여러 프론트엔드가 결합되어서 격리 보장어려움
•
스크립트와 스타일 충돌가능성
구성 레이아웃 만들기
레이아웃의 이해
일반 레이아웃
•
게이트웨이 서비스에 의해 정해지며, 하드 코딩되거나, 특정 DB등의 로직에 의해 결정됩니다.
•
머리글, 바닥글등 즉 공통된 내용입니다.
특정 레이아웃
•
개별 마이크로 프론트엔드로 결정됩니다.
•
특정 마이크로프로 프론트엔드에 의해 결정됩니다.
CSI 사용
Ajax 호출을 통한 방법이 대표적입니다. 이때 html/text를 통해서 데이터를 가져오는데 데이터가아닌 HTML 스니펫 조각이 옵니다. 하지만 이 방법을 너무 많이 사용하면 로드되는동안 사용자가 기다려야 하기 때문에, 사용자에게 잘 안보이는 부분에 사용하는 것이 좋습니다.
SSI 사용
서버가 HTML 파일을 분석할 때 특정줄을 확인해서 특정 컨텐츠를 넣는 방법입니다.
클라이언트 컴퓨터에 비해 빠르지만, 남용했을 때 응답시간이 너무 느려질 수 있습니다.
ESI 사용
SSI와 비교했을 때 더많은 명령어, 스크립팅 등을 제공합니다. SSI의 장점은 ESI에서도 유지되며, 개발자가 아닌 사용자들도 이를 편잡할 수 있습니다.
JS 템플릿 문자열 사용하기
단점은 전체 서비스를 업데이트해야 업데이트가 가능하다지만, 코드를 최소화 할 수 있습니다.