HTML°ú CSS°¡ ºÐ¸®µÇ±â ½ÃÀÛÇÑ ÀÌ·¡ ¼ö¸¹Àº CSS Äڵ尡 »ç¿ëµÇ°í ÀÖ´Ù. ±×·¯´Ùº¸´Ï CSS´Â Á¡Á¡ º¹ÀâÇØÁ®°¡°í ¶§·Î´Â ÅëÁ¦ ºÒ´É »óÅ°¡ µÇ¾î¹ö¸®°ï ÇÑ´Ù. ±×·¡¼ µîÀåÇÑ °ÍÀÌ SassÀÌ´Ù. ÀÌ Ã¥Àº ÀúÀÚ°¡ Á÷Á¢ Sass·Î CSS µðÀÚÀÎÀ» Çغ¸¸é¼ ÀÍÈù ½Ç¹« °æÇèÀ» ³ì¿©³½ Ã¥ÀÌ´Ù. ¡°Sass°¡ ÀÌ·± °ÍÀÌ´Ù¡±°¡ ¾Æ´Ï¶ó ¡°Sass·Î ÀÌ·¸°Ô ½±°Ô À¥ µðÀÚÀÎÀ» ÇÒ ¼ö ÀÖ´Ù¡±¸¦ ¸»ÇÏ°í Àִ åÀÌ´Ù.
1ºÎ CSS ¼öÆÛÆÄ¿ö - SASS1Àå SASS »ç¿ëÀ» À§ÇÑ Áغñ ´Ü°è1.1 PC¿¡ SASS ¼³Ä¡Çϱâ1.2 SASSÀÇ ±âÃÊ2Àå SASS ·¹ÆÛ·±½º2.1 °³¿ä2.2 CSS È®Àå(CSS Extensions)2.3 ÁÖ¼® ó¸®2.4 SassScript2.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 ¿Ïº®ÇÑ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ¸·Î ¸¸µé±â