품목정보
발행일	2021년 02월 19일
쪽수, 무게, 크기	412쪽 \| 188*245mm
ISBN13	9791190665810
ISBN10	1190665816

더보기

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

더보기

상세 이미지 상세 이미지 보이기/감추기

상품 이미지를 확대해서 볼 수 있습니다. 원본 이미지

더보기

저자 소개 (2명)

책 속으로 책속으로 보이기/감추기

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

웹사이트의 규모가 커지고 모듈 수가 증가할수록 ‘클래스 이름에서 형태, 기능, 역할을 유추할 수 있다’는 중요성은 늘어납니다. 미디어(Media) 외에도 아코디언(Accordion)이나 슬라이더(Slider) 등 일반적으로 사용하는 UI라면 좋지만, 때로는 이에 해당하지 않는 모듈도 나올 수 있을 것입니다. 이런 경우에는 형태를 떠올릴 수 있는 이름을 사용하는 것이 좋습니다.
---p.60

블록 모듈과 마찬가지로 엘리먼트 모듈에 대해서도 기본적인 레이아웃 관련 스타일링은 하지 않습니다. 단, 블록 모듈에 비해 엘리먼트 모듈은 그 변형에 한계가 있는 경우가 많습니다. 예를 들면, 버튼 크기의 유형은 사이트 안에서 열 가지 이상이 되는 경우는 적으며 대개 다섯 가지에서 여섯 가지 정도입니다. 엘리먼트 모듈에 직접 width를 지정하거나 Modifier를 사용해 크기를 변경하는 것은 허용합니다.
---p.145

background-size 속성은 배경 이미지 크기를 조정하기 위한 속성입니다. 표시하고자 하는 이미지를 배경 이미지로 설정해야 하기 때문에 HTML 구조를 변경해야 합니다. 또한 배경 이미지를 설정할 때는 img 요소를 사용하지 않으므로 머신리더블(Machine-Readable)하지 않습니다. SEO나 접근성 보장에 있어서는 다소 비효율적이므로 background-size 속성을 사용할 때는 ‘콘텐츠로 인식되지 않아도 문제없는가’를 잘 확인해야 합니다.
---p.239

FAQ의 대답 안에 리스트를 삽입한 패턴입니다. 실제로 자주 접하는 FAQ 모듈을 생각해 봤을 때 눈에 익은 조합일 것입니다. 이 패턴에서는 추가 CSS 없이 간단히 리스트 모듈을 해당 위치에 삽입해 구현을 완료합니다. 스타일링의 책임 범위를 구분하고, 특히 모듈 자체에 레이아웃에 관한 지정을 수행하지 않도록 하면, 이와 같이 추가 코드 없이 조합을 완료할 수 있는 경우도 많습니다.

---p.337

출판사 리뷰 출판사 리뷰 보이기/감추기

회원리뷰 (6건) 회원리뷰 이동

리뷰 쓰기

혜택 및 유의사항?

총 평점 9.8점 9.8 / 10.0

검색결과 정렬 옵션 삭제

회원리뷰 전체보기

한줄평 (4건) 한줄평 이동

한줄평 쓰기

혜택 및 유의사항?

총 평점 9.0점 9.0 / 10.0

구매 한줄평

한줄평 전체보기

배송/반품/교환 안내

배송 안내

반품/교환 안내에 대한 내용입니다.
배송 구분	예스24 배송 배송비 : 무료배송
포장 안내	안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다. 목적 : 안전한 포장 관리 촬영범위 : 박스 포장 작업

반품/교환 안내

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

반품/교환 안내에 대한 내용입니다.
반품/교환 방법	고객만족센터(1544-3800), 중고샵(1566-4295) 판매자 배송 상품은 판매자와 반품/교환이 협의된 상품에 한해 가능합니다.
반품/교환 가능기간	출고 완료 후 10일 이내의 주문 상품 디지털 콘텐츠인 eBook의 경우 구매 후 7일 이내의 상품 중고상품의 경우 출고 완료일로부터 6일 이내의 상품 (구매확정 전 상태)
반품/교환 비용	고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담임 직수입양서/직수입일서중 일부는 변심 또는 착오로 취소시 해외주문취소수수료 20%를 부과할수 있음 단, 아래의 주문/취소 조건인 경우, 취소 수수료 면제 오늘 00시 ~ 06시 30분 주문을 오늘 오전 06시 30분 이전에 취소 오늘 06시 30분 이후 주문을 익일 오전 06시 30분 이전에 취소 직수입 음반/영상물/기프트 중 일부는 변심 또는 착오로 취소 시 해외주문취소수수료 30%를 부과할 수 있음 단, 당일 00시~13시 사이의 주문은 취소 수수료 면제 박스 포장은 택배 배송이 가능한 규격과 무게를 준수하며, 고객의 단순변심 및 착오구매일 경우 상품의 반송비용은 박스 당 부과됩니다.
반품/교환 불가사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 : 예) 화장품, 식품, 가전제품, 전자책 단말기 등 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예) CD/LP, DVD/Blu-ray, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 eBook 대여 상품은 대여 기간이 종료 되거나, 2회 이상 대여 했을 경우 취소 불가 중고상품이 구매확정(자동 구매확정은 출고완료일로부터 7일)된 경우 LP상품의 재생 불량 원인이 기기의 사양 및 문제인 경우 (All-in-One 일체형 일부 보급형 오디오 모델 사용 등) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상	상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리됨
환불 지연에 따른 배상	대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리