[책리뷰] 새로운 CSS 레이아웃

정보

• 새로운 CSS 레이아웃
• 저자: 레이철 앤드루
• 역자: 이미령
• 출판사: 웹액츄얼리코리아
• 발행일: 2020년 02월 03일
• 정가: 17,000원 15,300원
• http://www.yes24.com/Product/Goods/60715949

내가 읽은 책은 2018년에 나온 1판이고, 위의 정보는 새로 나온 2판

감상

html 마크업을 하다 보면 뜻대로 되지 않아 속 터질 때가 많다. 그 간단해 보이는 가로 정렬이나 세로 정렬도 내 맘대로 되지 않는다.

이 책은 레이아웃에 특화해서 설명하고 있는 책이다. 여러 레이아웃의 예를 들어가며 구현 방법에 대해 설명해 주고 있다. 특히 display: flex를 사용한 레이아웃 구현에 대한 부분이 많은데, 한번 사용해보면 기존의 float나 position을 사용하면서 어렵게 만들었던 레이아웃들을 아주 쉽게 구현 할 수 있다. 이전에 flex에 대해서 써보지 않았던 터라 책을 읽으며 살짝 충격을 받았다. (좋은 쪽으로)

정말 좋은데 한 가지 애매한 부분이 IE10부터 지원한다는 것. IE9만 지원됐어도 그냥 쓰는 건데, 아직 우리나라는 IE의 비중이 있는 편이라 살짝 애매하다.

아래의 블로그에 flex를 사용해서 구현할 수 있는 10가지 레이아웃을 설명해주고 있다. 읽어보면 flex가 어떤 것인지 감을 잡을 수 있을 것이다.

• flexbox로 만들 수 있는 10가지 레이아웃