HOME > 상세정보

상세정보

(CSS 수퍼파워) SASS로 디자인하라 : 실전 예제로 배우는 SASS 웹 디자인의 기술 (3회 대출)

자료유형
단행본
개인저자
양용석
서명 / 저자사항
(CSS 수퍼파워) SASS로 디자인하라 : 실전 예제로 배우는 SASS 웹 디자인의 기술 / 양용석 지음
발행사항
서울 :   로드북,   2016  
형태사항
232 p. : 천연색삽화 ; 26 cm
ISBN
9788997924233
일반주기
CSS = Cascading Style Sheets ; SASS = Syntactically Awesome Style Sheet  
색인수록  
000 00000cam c2200205 c 4500
001 000045918856
005 20171027131633
007 ta
008 171026s2016 ulka 001c kor
020 ▼a 9788997924233 ▼g 93000
035 ▼a (KERIS)BIB000014200436
040 ▼a 222003 ▼c 222003 ▼d 211009
082 0 4 ▼a 006.74 ▼2 23
085 ▼a 006.74 ▼2 DDCK
090 ▼a 006.74 ▼b 2016z1
100 1 ▼a 양용석
245 2 0 ▼a (CSS 수퍼파워) SASS로 디자인하라 : ▼b 실전 예제로 배우는 SASS 웹 디자인의 기술 / ▼d 양용석 지음
260 ▼a 서울 : ▼b 로드북, ▼c 2016
300 ▼a 232 p. : ▼b 천연색삽화 ; ▼c 26 cm
500 ▼a CSS = Cascading Style Sheets ; SASS = Syntactically Awesome Style Sheet
500 ▼a 색인수록
945 ▼a KLPA

소장정보

No. 소장처 청구기호 등록번호 도서상태 반납예정일 예약 서비스
No. 1 소장처 과학도서관/Sci-Info(1층서고)/ 청구기호 006.74 2016z1 등록번호 121242094 도서상태 대출가능 반납예정일 예약 서비스 B M

컨텐츠정보

책소개

HTML과 CSS가 분리되기 시작한 이래 수많은 CSS 코드가 사용되고 있다. 그러다보니 CSS는 점점 복잡해져가고 때로는 통제 불능 상태가 되어버리곤 한다. 그래서 등장한 것이 Sass이다. 이 책은 저자가 직접 Sass로 CSS 디자인을 해보면서 익힌 실무 경험을 녹여낸 책이다. “Sass가 이런 것이다”가 아니라 “Sass로 이렇게 쉽게 웹 디자인을 할 수 있다”를 말하고 있는 책이다.

HTML과 CSS가 분리되기 시작한 이래 수많은 CSS 코드가 사용되고 있다. 그러다보니 CSS는 점점 복잡해져가고 때로는 통제 불능 상태가 되어버리곤 한다. 그래서 등장한 것이 Sass이다. 이 책은 저자가 직접 Sass로 CSS 디자인을 해보면서 익힌 실무 경험을 녹여낸 책이다. “Sass가 이런 것이다”가 아니라 “Sass로 이렇게 쉽게 웹 디자인을 할 수 있다”를 말하고 있는 책이다.
샘플원고 살펴보기 → www.roadbook.co.kr/164

[대상 독자]

여러분은 Sass를 배워야 할 때입니다.
“웹 디자인을 하고 있는데, 유지보수가 너무 어려웠다.”
“CSS 속성 하나하나 일일이 지정하자니 짜증이 밀려온다.”
“잘못된 디자인을 어디서부터 어떻게 바꿔야 할지 헷갈릴 때가 많다.”
“이제 CSS를 배우고 있는데, Sass와 함께 배우고 싶다.”

[주요 내용]

이제 SaSS 디자이너는 대세입니다!

엄청난 퍼포먼스, 웹 디자이너가 반드시 배워야 할 Sass

이 책의 4장에서 제시하는 간단한 웹사이트 예제를 보더라도 SaSS로 작성하면 113라인이던 것이 CSS로 변환을 하면 549라인이 됩니다. 무려 4배 가까이 라인수를 줄여줍니다.

유지보수하기 너무 힘들었죠? 이제 Sass가 대안을 제시합니다.
이 책에서는 HTML 문서 하나에 Sass 파일 하나를 매칭하는 것을 원칙으로 제시합니다. 그러다 보니 페이지 유지보수 할 때 엄청나게 효율적이라는 것을 느낄 수 있을 겁니다.

점점 Sass는 프론트 웹 개발의 대세가 되고 있습니다.
부트스트랩도 4.0부터는 LESS를 버리고 Sass만 지원하기로 하였습니다. GitHub에도 수많은 웹 개발자들이 CSS뿐만 아니라 Sass 코드도 함께 올리고 있습니다. 점점 Sass는 웹 디자인의 새로운 기술로 자리매김하고 있습니다.

Sass 기반으로 만들어보는 웹사이트 실습
이 책은 이론만 제시하지 않습니다. 저자가 몸담았던 벤처기업의 웹 디자인을 Sass로 어떻게 디자인하는지를 보여줍니다. 따라해 보면서 자연스레 Sass의 매력에 빠질 수 있습니다.

[편집자 코멘트]

<부트스트랩으로 디자인하라>라는 책을 기획했을 때, 편집자 코멘트로 이런 말을 한 적이 있다.
“이 책의 기획은 웹 디자이너가 단순한 태깅의 노동에서 벗어나 창의적인 시간을 좀더 확보했으면 하는 바람에서 출발했다.”
Sass 또한 웹 디자이너의 노동 시간을 대폭 줄여주고 좀더 창의적으로 일할 수 있는 기회를 제공해주는 기술임에는 틀림이 없다. Sass는 아주 쉬운 프로그래밍 언어라고 볼 수 있다. 그러나 두려워할 필요는 없는 것 같다. 아주 기본적인 프로그래밍 스킬만 배우면 웹 디자이너라면 누구나 쉽게 배울 수 있는 것 같다. CSS로 웹 디자인을 하고 있는 디자이너라면 꼭 익혀서 실무에 적용해보았으면 하는 바람이다.


정보제공 : Aladin

저자소개

양용석(지은이)

대기업부터 벤처기업까지 다양한 직장 경험을 바탕으로, 지금은 프리랜서로 활동 중에 있으며, 웹사이트 기획, 디자인 및 개발을 주로 하고 있다. <처음부터 다시 배우는 HTML5 & CSS3>, <이제 실전이다, HTML5 & CSS3>, <처음 시작하는 CSS & 워드프레스>, <부트스트랩으로 디자인하라>, 를 집필하였다. 현재 제주에서 재미있게 살아가려고 노력하고 있다.

정보제공 : Aladin

목차

1부 CSS 수퍼파워 - SASS 

1장 SASS 사용을 위한 준비 단계 
1.1 PC에 SASS 설치하기 
1.2 SASS의 기초 

2장 SASS 레퍼런스 
2.1 개요 
2.2 CSS 확장(CSS Extensions) 
2.3 주석 처리 
2.4 SassScript 
2.5 변수: $ 기호를 사용함 
2.6 데이터 타입 
2.7 연산(Operations) 
2.8 @ 규칙과 지시어(@-Rules and Directives) 
2.9 제어문 및 표현식(Control Directives & Expressions) 
2.10 Mixin(정말 중요함!!) 

3장 SASS 프레임워크: 컴퍼스(Compass) 
3.1 컴퍼스 설치 
3.2 컴퍼스 기초 
3.3 컴퍼스 실전 예제 

4장 버본(Bourbon) 
4.1 버본 개발 환경 설정 
4.2 믹스인의 속성들 

2부 SASS(SCSS)를 이용한 실전 웹사이트 개발 

5장 기본 레이아웃 및 프론트 페이지 작업 
5.1 웹사이트 디자인 개요 
5.2 색상과 폰트 정의 
5.3 믹스인 변수 처리 
5.4 페이지 전체 배경 이미지 처리 
5.5 푸터에 대한 처리 
5.6 페이지 전체 배경 이미지 다시 한번 살펴보기 
5.7 내비게이션 디자인 
5.8 푸터 디자인 
5.9 내부 콘텐츠 처리 
5.10 article에 Sass 코드 추가하기 

6장 서비스 소개 및 리스트 페이지 제작 
6.1 헤더와 푸터의 분리 
6.2 서비스 소개 페이지 개발 
6.3 리스트 페이지 제작 

7장 콘텐츠 디테일 페이지 제작 
7.1 디테일 페이지와 Sass 파일 작성 
7.2 지도가 들어가는 부분 작성 
7.3 Sass 파일 설명 

8장 추천 요청하기 페이지 제작 
8.1 페이지 전체 배경 이미지 처리 
8.2 Sass 파일 만들기 

9장 반응형 사이트로 만들기 
9.1 부트스트랩으로 만든 디자인의 부족함 
9.2 완벽한 반응형 웹 디자인으로 만들기

관련분야 신착자료

Cartwright, Hugh M. (2021)
한국소프트웨어기술인협회. 빅데이터전략연구소 (2021)