간편결제, 신용카드 청구할인
PAYCO(페이코) 최대 5,000원 할인
(페이코 신규 회원 및 90일 휴면 회원 한정)
네이버페이 1%
(네이버페이 결제 시 적립)
북피니언 롯데카드 30% (10,710원)
(최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (12,240원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (13,770원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (14,230원)
(최대할인 3만원 / 3만원 이상 결제)
Close

새로운 CSS 레이아웃

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 576
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

17,000원

  • 15,300 (10%할인)

    850P (5%적립)

할인혜택
적립혜택자동적립
추가혜택
배송정보
주문수량
감소 증가
  • 북카트 담기
  • 바로구매
  • 매장픽업
  • 이벤트/기획전

  • 연관도서(13)

  • 사은품(12)

책소개

웹 디자이너와 프론트엔드 개발자가 반드시 읽어야 할 책!
CSS 레이아웃만을 다룬 국내 유일 전문서!

웹 페이지 레이아웃은 송두리째 변했습니다.


CSS 그리드 레이아웃이 등장하며 웹을 디자인하고 개발하던 기존의 방식은 변하기 시작했습니다. 레이철 앤드루는 이 책에서 레이아웃 관련 명세를 바라보는 새로운 관점을 제시합니다. 그리드 레이아웃을 제작 의도에 맞게 제대로 활용할 방법을 배우고 최근 레이아웃 세계에서 일어나고 있는 지각 변동을 새로운 기회로 삼으세요.

추천사

웹의 역사는 짧습니다. 레이아웃이 전혀 없던 시대에서 출발한 우리가 이제는 플렉스박스나 그리드처럼 강력한 레이아웃 도구를 쓸 수 있는 시대에 이르렀습니다. 레이철은 CSS로 웹 레이아웃을 제작할 때 쓸 수 있는 다양한 기술과 끊임없이 진화하는 웹사이트 제작 방법을 간결하고 명확하게 설명해줍니다.
- 첸 후이 징 / 프론트엔드 디자이너, 위즈머트 랩 창업자

이 책은 저자를 꼭 닮았습니다. 찬찬하고 명쾌하죠. 최신 CSS가 제공하는 강력한 힘을 마음껏 활용할 방법을 단계별로 알려주는 책이 드디어 출간되어서 기쁩니다.
- 제레미 키스 / 클리어레프트 공동설립자, [웹 디자이너를 위한 HTML5] 저자

CSS 그리드는 웹 레이아웃의 미래입니다. 이 책은 레이아웃이라는 복잡한 주제를 초급부터 고급까지 두루 다루는 훌륭한 책입니다. 관련 명세를 아주 작은 단위로 나누어 실용적인 예제와 함께 설명하기 때문에 독자 여러분도 쉽게 이해할 수 있을 것입니다.
- 이레 아데리노쿤 / 프론트엔드 개발자, UI 디자이너

최근 웹 디자인 업계의 가장 큰 화두는 바로 강력한 레이아웃의 시대가 도래했다는 사실입니다. 이 책은 레이아웃의 전문가로 누구보다 오랜 시간 활동해온 레이철에게 직접 배울 수 있는 좋은 기회가 될 것입니다.
- 크리스 코이어 / CSS 트릭스 제작자, 코드펜 공동설립자

해외 기업에서 프론트엔드 개발자로 7년째 일하며 그동안 CSS를 작성할 일도 많았고 플렉스나 그리드를 다룰 일도 종종 있었습니다. 그리드 기술을 사용해서 레이아웃을 작성하면 그리드를 사용하지 않을 때 우리를 힘들게 했던 많은 문제에서 자유로워질 수 있습니다. 감수를 기꺼이 맡은 이유도 이 책이 많은 개발자를 골칫거리에서 해방시켜줄 것으로 생각했기 때문입니다. 제가 아는 한 국내에 출간된 책 중 CSS 레이아웃 제작만 다룬 전문서는 이 책이 유일합니다.
- 김태곤 / Automattic 프론트엔드 개발자

목차

chapter 1
우리가 지나온 길
한계 벗어나기
플롯의 문제
플롯 문제 해결

chapter 2
레이아웃 제작의 현재
CSS 아키텍처
전처리기와 후처리기
컴포넌트 우선 디자인
프레임워크
성능
접근성
자동으로 업데이트되는 브라우저
CSS 학습의 외주화

chapter 3
새로운 레이아웃
CSS의 양식화 문맥
플롯
위치 정하기
멀티 칼럼 레이아웃
플렉스박스
CSS 그리드 레이아웃

chapter 4
배치와 정렬
플렉스 아이템 배치
그리드 아이템 배치
그리드 아이템 정렬
플렉스 아이템 정렬
그리드 트랙의 배치와 정렬
자동 마진을 사용한 배치
논리적 속성과 물리적 속성

chapter 5
반응형 디자인
auto-fill 대 auto-fit
flex 속성을 사용한 크기 조절

chapter 6
소스 순서와 표현 순서
플렉스 박스의 흐름 방향
그리드 레이아웃의 흐름 방향

chapter 7
준비하는 미래
가설을 데이터로 확인하라
CSS 피처 쿼리를 통한 점진적 개선
그리드 자동 배치
플렉스박스와 그리드의 order 속성
마크업 ‘구조 단순화’의 위험성
브라우저 지원에 관한 마지막 당부

chapter 8
앞으로의
여정
CSS 버전 이해하기
명세를 따르라
브라우저 지원 요구와 버그 기록
곧 등장할 새 기능
독자 여러분과 웹의 미래

본문중에서

지난 25년간 웹 디자인 역사에서 그래픽 디자인 분야는 눈부신 발전을 이루었습니다. 예전에는 화면의 픽셀이 무척 컸지만 지금은 육안으로 구분이 되지 않을 정도로 작습니다. 컬러 화면이 등장한 초반에는 216 색상만 사용했습니다. 지금은 다른 어떤 기기에서도 전부 다 표현하지 못할 수준의 색 공간을 사용하죠. 겨우 몇 개의 타이포그래피로 근근이 작업하던 일이 몇 해나 이어지던 때가 있었지만 오늘날에는 금속 활자 식자공들이 꿈꾸었던 것보다 더 많은 글꼴을 다룹니다. 그렇지만 레이아웃은 CSS가 처음 등장하던 때에 비해 큰 발전이 없었습니다. 블로그 게시물을 위한 레이아웃을 만들고 이에 대해 서로 가르치는 것 이상으로 도통 더 나아가지 못한 시간이 15년이나 됩니다. 부트스트랩과 같은 프레임워크 덕분에 몇 가지 옵션이 더 생겼지만 반응형 웹 디자인이 등장한 후에도 기술적 제한 때문에 할 수 있는 일은 별로 없었습니다.

이제 크게 도약할 때입니다. 드디어 페이지 레이아웃도 빛을 낼 때가 됐습니다. 2017년 3월 CSS 그리드가 공개되면서 기술은 급변하기 시작했습니다. 마침내 레이아웃에 마음껏 창의력을 발휘할 수 있게 해줄 강력한 기술이 등장한 것이죠. 그래픽 디자인을 활용해 각 프로젝트, 섹션, 콘텐츠 유형, 페이지에 따라 독특한 레이아웃을 적용함으로써 레이아웃이 의미를 전달하는 매개체 역할도 할 수 있는 시대가 열린 것입니다. 새로운 기술이 등장했는 데도 예전과 똑같은 레이아웃을 그대로 답습하지 마세요. 사용자가 쓰는 기기가 어떻게 변했는지 탐구하세요. 웹이 어떻게 변화할 것인지 이미 안다고 자신하지 마세요. 웹 디자이너나 개발자가 웹의 레이아웃을 완벽히 통달했을 거라고 섣불리 믿는 것도 금물입니다. 레이아웃을 디자인할 ‘올바른 방법’은 더 이상 존재하지 않습니다.
('서문' 중에서)

저자소개

레이철 앤드루(Rachel Andrew) [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 2종
판매수 100권

Perch CMS를 만든 웹 개발 기업 edgeofmyseat.com의 공동 설립자이다. CSS 작업 그룹에서 속한 W3C 초빙 전문가이자 구글 개발자 전문가로 활동하고 있다. 1996년부터 웹 관련 일을 하면서 전 세계 곳곳에 있는 CSS 관련 컨퍼런스에서 강연자로 섰으며 웹을 주제로 다양한 글을 쓰고 있다. 국내에 소개된 저서로는 [웹 디자이너를 위한 HTML5]가 있다.

저자의 다른책

전체보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

가치 있는 콘텐츠를 우리말로 공유하려고 자원봉사로 시작한 일이 번역가의 길로 이어졌다. 모든 일을 재미있게 하는 비결은 아이 같은 호기심을 잃지 않는 데 있다고 믿으며, 사람과 사람, 사람과 컴퓨터 간의 연결 분야에 관심이 많다. 옮긴 책으로는 [콘솔 워즈], [소프트 스킬: 평범한 개발자의 비범한 인생 전략 71가지], [사용자를 생각하게 하지 마!] 등이 있다.

역자의 다른책

전체보기

이 상품의 시리즈

이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

    리뷰

    0.0 (총 0건)

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    0.0

    교환/환불

    교환/환불 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

    교환/환불 가능 기간

    고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

    교환/환불 비용

    고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

    교환/환불 불가사유

    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
    배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

    소비자 피해보상

    소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
    교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

    기타

    도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

    배송안내

    • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

    • 배송비

    도서(중고도서 포함) 구매

    2,000원 (1만원이상 구매 시 무료배송)

    음반/DVD/잡지/만화 구매

    2,000원 (2만원이상 구매 시 무료배송)

    도서와 음반/DVD/잡지/만화/
    중고직배송상품을 함께 구매

    2,000원 (1만원이상 구매 시 무료배송)

    업체직접배송상품 구매

    업체별 상이한 배송비 적용