한빛출판네트워크

IT/모바일

처음 시작하는 Sass

CSS의 한계를 뛰어넘는 Sass를 만나다

리얼타임 eBook

집필서

판매중

처음 시작하는 Sass
좋아요: 33
  • 저자 : 김유리 , 방지은 , 양주희 , 정대영 , 홍보라
  • 출간일 : 2016-06-16
  • 페이지 : 143쪽
  • ISBN : 9788968488238

합계 : 10,800

  • 반복되는 코드 홍수 속에서 웹 개발자를 구원해 줄 만능 전처리기, Sass를 만나다.

     

    문서를 꾸미는 보조 역할을 하던 CSS는 시간이 지날수록 웹 개발에서 중요한 역할을 차지하게 됐다. 특히 CSS2 이후 오랜 공백을 깨고 CSS3가 등장하면서 CSS를 통해 더욱 많은 표현이 가능하게 된 것이 큰 계기가 되었다. 배경 이미지를 자르고 구조를 나누어 표현했던 둥근 테두리는 속성 하나로 손쉽게 적용할 수 있게 되었으며, JavaScript나 서버 단에 의지했던 수많은 선택자도 CSS3 이후에는 CSS만으로 처리할 수 있게 되었다. 하지만 여전히 스타일을 정의하고 속성을 적용하는 방식은 매우 단순한 수준에 머무르고 있어, 반복되는 코드의 입력을 줄이려는 여타 개발 언어들과는 사뭇 다른 아쉬움을 남기고 있다. 특히 과거와 다르게 CSS의 활용 범위가 커지고 웹 사이트의 규모가 거대해지면서 1,000라인쯤은 쉽게 넘기는 코드가 작성되고 있으며, 이에 따라 이 코드들을 더욱 효율적으로 관리해야 할 필요성이 강조되고 있다.

     

    다행히 이러한 안타까운 현실에서 웹 개발자를 구원해줄 한 줄기 빛이 생겨났는데, Sass를 필두로 좀 더 편리하고 효율적으로 CSS를 작성할 수 있도록 도움을 주는 전처리기들이 바로 그 구원자들이다. 그 가운데서도 Sass는 가장 큰 인기를 얻고 있으며 많은 웹 개발자의 찬사를 받고 있다. 물론 새로운 개념을 받아드리기는 언제나 쉽지 않지만, 새로움을 위한 도전에 이 책이 반드시 도움될 것이다.

     

    이 책의 대상 독자

    • CSS를 다룰 줄 알며 CSS를 효과적으로 관리하고 싶은 웹 개발자와 웹 디자이너
  • [저자] 양주희

    현재 NHN Technology Services UIT 개발실에서 프론트엔드 개발자로 일하고 있습니다. 새로운 기술을 사용하는 데 큰 즐거움을 느낍니다.

     

    [저자] 김유리

    평범한 일상 속 낭만을 꿈꾸는 프론트엔드 개발자입니다. 현재 NHN Technology Services에서 근무하고, 사내 교육 강사로도 활동하면서 누군가에게 도움이 된다는 것에 굉장히 보람을 느끼고 있습니다. 사용자에게 친절한 개발자가 되는 것을 목표로 언제나 긍정적인 자세로 새로운 UI를 구현하기 위해 삽질을 즐기며 연구하고 있습니다.

    [저자] 방지은

    현재 NHN Technology Services UIT 개발실에서 프론트엔드 개발자로 일하고 있습니다. 카페라떼를 사랑합니다.

    [저자] 정대영

    프론트엔드 개발자로 <네이버 선거 특집 페이지>, <런던 올림픽>, <오늘의 신문>, <네이버 톡> 등 다수의 프로젝트를 진행했습니다. 교육, 세미나, 컨벤션 작업 등 다양한 방법으로 동료들에게 도움이 될 수 있는 활동에 보람을 느끼며 일하고 있습니다. 항상 힘이 되어주는 와이프에게 감사합니다.

    [저자] 홍보라

    새롭고 신기한 코드를 갈구하는 개발자입니다. NHN Technology Services에서 프론트엔드 개발자로 일하고 있습니다. 모든 커피를 사랑합니다.

  • chapter 1 이해하기

    1.1 CSS 전처리기 

    1.2 Sass 살펴 보기 

    1.3 Sass에 대한 오해

     

    chapter 2 설치하기

    2.1 컴파일러 설치하기 

    2.2 컴파일 해 보기 

    2.3 컴파일 옵션 

    2.4 에디터에서 바로 컴파일 하기 

    2.5 컴파일 방법 소개

    2.6 LibSass 

     

    chapter 3 시작하기 

    3.1 파일 관리 

    3.2 주석 

    3.3 중첩 

     

    chapter 4 본격적으로 사용하기 

    4.1 변수 $ 

    4.2 Mixin 

    4.3 @extend 

     

    chapter 5 마스터하기 

    5.1 연산 

    5.2 제어문 

    5.3 함수 

    5.4 기타

     

    chapter 6 Compass 

    6.1 Compass 소개 

    6.2 Compass 설치하기 

    6.3 Compass 사용하기 

    6.4 Sprite 자동 생성 기능 사용하기 

  •  

  • 내용이 없습니다.
  • 내용이 없습니다.
닫기

해당 상품을 장바구니에 담았습니다.
장바구니로 이동하시겠습니까?