본문 바로가기

Nashorn2

(2) 스프링, isomorphic, 서버사이드 렌더링 - Handlebars (1) 스프링, isomorphic, 서버사이드 렌더링(2) 스프링, isomorphic, 서버사이드 렌더링 - Handlebars Spring + Nashorn을 통해 isomorphic할 첫번째 클라이언트 템플릿 엔진은 handlebars! 1. handlebars란? Handlebar.js(이하 핸들바)는 자바스크립트의 템플릿 엔진 중 하나로 Mustache를 기반으로 구현한 템플릿 엔진입니다. Mustache는 콧수염모양의 {{ }} Bracket을 이용하여 data를 표현하는 것을 의미하며, 이를 이용하면 html페이지에서 HTML+Bracket의 구성으로 디자이너와 개발자가 협업할 때도 디자이너에게도 이해하기 쉬운구조로써 협업을 하는데도 도움이 됩니다. (참고 : 돛단배의 항해일지) 다양한 f.. 2016. 9. 25.
(1) 스프링, isomorphic, 서버사이드 렌더링 (1) 스프링, isomorphic, 서버사이드 렌더링(2) 스프링, isomorphic, 서버사이드 렌더링 - Handlebars SPA(Single Page Web Application)가 등장하고 활성화됨으로인해 클라이언트 렌더링은 사용자에게 더 나은 경험을 제공하기 위한 중요한 요소가 되었습니다. 그렇다면 어디까지 서버에서 렌더링하고 어디부터 클라이언트에서 렌더링해야할까 고민을 하게 됩니다. 어디까지 서버에서 렌더링해야 할까에서 고려해야할 첫번째는 SEO(검색 엔진 최적화) 입니다. 네트워크상에는 컨텐츠를 수집하는 다양한 bot들이 존재합니다. 대표적으로 구글봇이 있습니다. 봇의 수집된 콘텐츠는 여러 검색엔진의 검색대상으로 분류될 수 있습니다. 대부분 봇들은 자바스크립트를 실행하지 못하며, 구글봇.. 2016. 9. 13.