css 레이아웃

[새로운 css 레이아웃]

저자:레이첼 앤드루

추천받은 책 읽어보기

반응형 웹사이트, 유동적 그리드, 고정형 레이아웃, 1차원 레이아웃 등등

어느정도 어렴풋이 알고만 있던 것들에 대해 쓱 훑어주는것과 동시에 플렉스 박스와 grid라는 새로운 css를 서술해주는 책이다.

초반부터 재밋었던 내용은 가짜칼럼이라는 방식에서 진화되어 반응형 디자인이 탄생한 원인은 아이폰의 출시와 관계가 있다는 대목이었다.(너란 사과,,,)

그리고 지금껏 css레이아웃을 위해 사용하던 float, position 방식에 내가 안주해있는 것은 아닌가 조금 더 생각해보게 되었고, 근데 사실 별다른 방법으로 뭐,,,,,,

외국인들 사고방식이란...참..부럽다고 느낀게 추천 서평에 "새로운 기술이 등장했는데도 예전과 똑같은 레이아웃을 그대로 답습하지 마세요. 사용자가 쓰는 기기가 어떻게 변했는지 탐구하세요. 웹이 어떻게 변화할 것인지 이미 안다고 자신하지 마세요. 레이아웃을 디자인할 '올바른'방법은 더이상 존재하지 않습니다." 라고 쓰여있어서,,,아 부럽다,,,IE 하위브라우저를 신경도 안쓰는 마인드란...^^

감수자의 글에서는 국내 유명 포털 사이트에서도 플렉스를 찾아볼수없다고 쓰여있는데..ㅎㅅㅎ

심지어 크롬과 파폭이 flex를 지원한지 무려 5년째란다,,,,,,,,,, 

아무튼 흥미로운 내용은 구식브라우저에서 신식 기술까지, 두루두루 아울러 사용하는 css를 탐구해보는 책이라는 것이다.

이제껏 css 사용법만 작성했던 책들과는 달리 어떤 방식을 고려해서 레이아웃을 갖추게 할 것인가와 전처리기 sass와 컴퍼넌트, 프레임워크에 대해서도 저자의 생각을 엿볼수있었다.

사실 회사에서 한장짜리 페이지를 만들면서 sass가 사치가 아닐까, 유지보수를 위해 더 많이 쓰는 css를 써야하는 게 아닐까, css 네이밍은 BEM을 꼭 써야할까 등을 고민했던 날들이 있었고, 삐까번쩍한 프레임워크 한줄 사용 해본적 없는 입장이라 초조함을 넘어 자괴감까지 들었었는데 저자는 이 책에서 50명의 기술자를 위한 기술이 1명의 기술자에게 과할 수 있다고 하면서 작업을 편하게 해주는 도구는 문제 될 것 없으나 자신에게 맞는 도구를 사용해 현실적으로 IE8을 고집하는 고객도 상대해야한다고 말하고있다.

예제로 나온 코드도 github에 올라와있으니 참고

https://github.com/abookapart/new-css-layout-code

http://webactually.com/2017/11/css-%EA%B7%B8%EB%A6%AC%EB%93%9C-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83%EC%9D%84-%EC%A7%80%EA%B8%88-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%8F%84-%EC%A0%95%EB%A7%90-%EA%B4%9C%EC%B0%AE%EC%9D%84%EA%B9%8C%EC%9A%94/

w3c에서 css에 대해 정리해논 포스트 박스 같은게 있는데 영못알이라 구경가서 오,,grid는 level1이구나 하고는구경했다....

https://www.w3.org/Style/CSS/current-work