19 Oct '15, 3am

Ruby on Rails에서 모던 브라우저와 (IE8)이하 브라우저에 따른 뷰 레이아웃 구성하기

프로젝트가 시작되면서 우리는 최근 인기 몰이를 하고 있는 HTML5 기반의 프레임워크를 사용하면서도 최신 트랜드에 맞춰 가장 인기있는 디자인 패턴을 적용하고 싶었다. Google Material Design 에 매료되어 이번 프로젝트는 Material Design에 관련된 프레임워크를 사용해보려고 했다. 그래서 처음 선택한 프레임워크가 Materialize 였다. HTML5, CSS3 그리고 jQuery 기반으로 만들어진 이 프레임워크는 간단한 CSS 클래스만으로 복잡한 grid와 Material Design을 구성할 수 있었다. 하지만 문제는 국내 사용자들은 Internal Explore를 많이 사용하고 있다는 것이다. 그래서 IE10 이상에서만 사용할 수 있는 이 프레임워크를 도입할 수 없었다. 차선책으로 Google Material Design Lite 를 사용해야겠다고 생각했다. https://github.com/google/material-design-lite 에서는 IE9 이상에서도 어느정도 사용할 수 있다고 나와 있지만 사실은 polyfill 을 사용해야 한다. 더 중요한 것은 100%로 호환을 지원하지도 않을 뿐만 아니라 JavaScript로 되어 있는 polyfill 때문에 DOM을 다시 렌더링한다거나 Display를 조작하기 때문에 브라우저에서 뷰가 깜빡이는 문제나 과도한 리소스 다운로드 등 생각하지 않아도 되는 문제를 만나게 된다는 것이다.

Full article: http://blog.saltfactory.net/ruby/rendering-layout-to-old-...

Tweets