본문 바로가기

CSS Grid Changes EVERYTHING

by 식 2018. 2. 3.
작년 동영상이 HN에 나름 상위권 뉴스로 다시 올라와서 봤다


영상 세줄요약

1. 반응형으로 워드프레스와 부트스트랩 레이아웃을 대체할 수 있는 기술은 CSS Grid
2. grid-template-area + media-query로 하면 좋다
3. 빠르다고 하지만 지금 써도 좋다


레이아웃 구성하는데 정말 좋은건 맞다

코드는 간결하고 불필요한 부분을 없애면서 나오는 쾌감은 기분 좋다.


하지만 한국에서 브라우저 호환성 생각하면 사실 올해도 안쓸거같다




발표에서도 말안해주는데 grid-template-area는 IE에서 지원안한다..

지금 엣지에서 지원은 해주고 서포팅해준다지만 아직까지도 문제 터지는 경우 많고..

익스플로어는 아예 지원할 생각이 없으니..

익스플로어 제국이 멸망하기 전까지는 아직 이 좋은 기술을 쓰려면 몇년 더 남은거같다.


작년 연말에 이거 썼다가 브라우저 호환성에 멘탈터지고 absolute로 떡칠해버린 경험이..

최신기술도 좋고 개발 친화적인 것도 좋지만 역시 쓰는 사람을 먼저 생각해야하는게 맞겠지

결론.

CSS Grid Changes Everything..? nothing chainged.. yet.

반응형