본문내용 바로가기
무료배송 이벤트 사은품 소득공제

다양한 예제로 배우는 CSS 설계 실전 가이드

한다 아츠시 지음 | 김연수 옮김 | 제이펍 | 2021년 02월 19일 출간
클로버 리뷰쓰기

이 책의 다른 상품 정보

  • 정가 : 25,000원
    판매가 : 22,500 [10%↓ 2,500원 할인]
  • 혜택 :
    [기본적립] 1250원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    09월 23일 출고 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 컴퓨터/IT분야 2만원 이상 구매 시 개발자 매거진 선택 가능
    2021.09.03 ~ 2021.10.03
  • IT 행사도서 포함 3만원 이상 구매시 개발자 책꽂이 사은품 선..
    2021.07.16 ~ 2021.09.30
  • 책을 통해 성장해나가는 개발자를 응원합니다.
    2017.06.22 ~ 2025.07.31
상품상세정보
ISBN 9791190665810(1190665816)
쪽수 412쪽
크기 188 * 244 * 28 mm /785g 판형알림
이 책의 원서/번역서 CSS設計完全ガイド 詳細解說+實踐的モジュ-ル集 / 半田惇志

책소개

이 책이 속한 분야

이 책의 주제어

SMACSS, BEM, PRECSS 등 CSS 설계에 관한 다양한 사고 방법 학습!
버튼, 라벨, 카드, 테이블 등 실질적인 코드 다수 수록!
CSS를 보다 깊이 이해할 수 있는 8가지 설계 방법!
많은 개발 현장에서 CSS를 도입해서 사용하고 있지만, 여전히 여러 가지 고민이 남아 있습니다. 프로젝트의 규모나 특성에 따라 적합한 해결책 역시 천차만별인 게 현실입니다. 이 책은 CSS의 다양한 설계 방법을 소개하면서 제반 사고방식은 물론, 실전 포인트까지 짚어 줍니다. 이를 기반으로 버튼, 라벨, 카드, 테이블 등 대표적인 웹 모듈을 전반적으로 다루고, 이 구조들을 조합하는 실전적인 코드도 소개합니다. 대표적 CSS 설계 방법인 ‘BEM’, 그리고 저자가 개발한 설계 방법인 ‘PRECSS’를 비교하면서 설계와 관련된 사고 과정을 친절하게 소개하면서 최적의 해결책을 찾아가도록 돕습니다.
웹 개발에 뛰어든 개발자, 프런트엔드 엔지니어 분들이라면 반드시 읽어 봐야 할 책입니다.

이 책의 대상 독자
- CSS 설계에 관한 지식을 습득해 한 단계 성장하고자 하는 주니어 프런트엔드 엔지니어
- CSS 설계에 관한 깊은 이해를 통해 실력을 향상하고자 하는 시니어 프런트엔드 엔지니어
- 조직 수준에서의 CSS 규칙을 제정하고자 하는 책임자나 팀 리더

상세이미지

CSS 설계 실전 가이드(다양한 예제로 배우는) 도서 상세이미지

목차

Chapter 1 CSS의 역사와 문제점 1
1-1 CSS의 시작 2
1-2 CSS의 문제점 4
1-3 복잡해지는 웹 개발 6
1-4 해결책으로 탄생한 CSS 설계 9
1-5 CSS 설계와 디자인 시스템 연동 11

Chapter 2 CSS 설계 기본 및 실전 17
2-1 CSS 설계에 들어가기 전에: CSS 기본 상세도와 셀렉터 18
2-2 CSS 설계에 들어가기 전에: 리셋 CSS 24
2-3 CSS 설계에 들어가기 전에: 영단어를 결합하는 방식의 이름 28
2-4 좋은 CSS 설계의 네 가지 목표 29
2-5 CSS 설계 실전과 여덟 가지 포인트 31
2-6 모듈의 상세도를 고려한다 74
2-7 CSS 설계의 필요성 78

Chapter 3 다양한 설계 기법 79
3-1 이 장의 설명에 앞서 80
3-2 OOCSS 81
3-3 SMACSS 86
3-4 BEM 103
3-5 PRECSS 134

Chapter 4 레이아웃 설계 159
4-1 4~7장의 코드를 위한 사전 준비 160
4-2 이번 장에서 다루는 샘플 162
4-3 헤더 164
4-4 푸터 167
4-5 콘텐츠 영역 170

Chapter 5 CSS 설계 모듈집 ① 최소 모듈 179
5-1 이번 장 이후의 모듈집 설명 방법 180
5-2 최소 모듈 정의 181
5-3 버튼 182
5-4 아이콘이 붙은 작은 버튼 197
5-5 아이콘 201
5-6 라벨 207
5-7 제목 212
5-8 주석 220

Chapter 6 CSS 설계 모듈집 ② 복합 모듈 223
6-1 복합 모듈 정의 224
6-2 미디어 225
6-3 카드 235
6-4 테이블(수평) 256
6-5 테이블(수직) 263
6-6 테이블(교차) 266
6-7 페이저 270
6-8 내비게이션 276
6-9 CTA 279
6-10 가격표 281
6-11 FAQ 292
6-12 아코디언 298
6-13 점보트론 305
6-14 포스트 목록 312
6-15 순서가 없는 리스트 315
6-16 순서가 있는 리스트 321

Chapter 7 CSS 설계 모듈집 ③ 모듈 재사용 325
7-1 최소 모듈을 사용한 복합 모듈 만들기 326
7-2 최소 모듈과 복합 모듈 조합하기 329
7-3 복합 모듈 간 조합하기 337

Chapter 8 CSS 설계를 보다 잘하기 위한 스타일 가이드 347
8-1 스타일 가이드란 348
8-2 왜 스타일 가이드가 필요한가? 349
8-3 스타일 가이드 만들기 350
8-4 스타일 가이드 만들기를 위한 지침 모음 363

Chapter 9 CSS 개발에 도움이 되는 다양한 기술 365
9-1 CSS 개발 효율화와 실수 줄이기 366
9-2 사람에 따른 편차 없애기 369
9-3 리팩터링 힌트 얻기 373
9-4 CSS 경량화 375
9-5 HTML 개발 효율화하기 381
9-6 개발에 전달할 마스터 자동으로 처리하기 383

책 속으로

CMS의 종류나 제품에 따라 다르지만, 익스포트(Export)한 HTML이나 CSS를 변경할 수 없기 때문에 구조를 조금 바꾸고 싶더라도 어쩔 수 없이 이것들을 그대로 사용해야 하는 경우가 있습니다. 혹은 어느 정도 조정은 가능하지만, ‘어떻게 하더라도 특정 부분은 CMS에서 익스포트한 HTML/CSS를 사용할 수밖에 없는’ 경우도 있습니다. _6p

웹사이트의 규모가 커지고 모듈 수가 증가할수록 ‘클래스 이름에서 형태, 기능, 역할을 유추할 수 있다’는 중요성은 늘어납니다. 미디어(Media) 외에도 아코디언(Accordio... 더보기

Klover 리뷰 (0)

북로그 리뷰 (1) 전체보기 쓰러가기

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
  • 사람들은 옷으로 치장합니다. 얼굴은 화장으로 꾸밀 수 있습니다. 웹사이트는 무엇으로 꾸밀 수 있을까요? 웹은 CSS로 꾸밀 수 있습니다. 웹 개발을 하고 싶어 하시는 분들에게 좋은 책이 나왔습니다. 책 제목은 '다양한 예제로 배우는 CSS 설계 실전 가이드'입니다. CSS를 얼마나 활용할 수 있느냐에 따라 웹의 퀄리티를 높일 수 있습니다.     ◆ 실습하며 학습 실습하면서 CSS를 학습 할 수 있습니... 더보기

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함
바로가기
  • 우측 확장형 배너 2
최근 본 상품