HOME > ¿ÀÇÁ¶óÀÎ > Áö³­°úÁ¤ »ó¼¼º¸±â
ÀϽà : 2006-08-10 (¸ñ)   10:00~18:00
Àå¼Ò : ¿ª»ï¿ª Æ÷½ºÆ¿ 3Ãþ À̺¥Æ®È¦
°­»ç : ¹Ú¼ö¸¸|Á¶ÈÆ|½ÅÇö¼®  
°¡°Ý : 99,000¿ø I 79,200¿ø

CSS & À¥Ç¥ÁØ ½Ç¹« Àû¿ë ¿öÅ©¼¥ 2006
    ±¹³» À¥Ç¥ÁØ µµ¼­ ÀúÀÚµéÀÇ ³ëÇϿ츦 Á÷Á¢ ¸¸³­´Ù!
    *º» ¿öÅ©¼¥¿¡ µî·ÏÇϽô ¼±Âø¼ø 20ºÐ(ÀԱݼø)²² ¾Æ·¡ÀÇ µµ¼­¸¦ µå¸³´Ï´Ù.

    * 1¸í ~ 10¸í : À¥ 2.0À» À̲ô´Â ¹æźÀ¥ | ´í ¾¾´õȨ Àú / ¹Ú¼ö¸¸ ¿ª | ¿¡ÀÌÄÜÃâÆÇ»ç
    * 11¸í ~ 20¸í : ½Ç¿ë¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ | ´í ¾¾´õȨ Àú / ¹Ú¼ö¸¸ ¿ª | ¿¡ÀÌÄÜÃâÆÇ»ç


    • °­»ç : ¹Ú¼ö¸¸|Á¶ÈÆ|½ÅÇö¼®
    • ÀϽà : 2006³â 8¿ù 10ÀÏ(¸ñ) 10:00 ~ 18:00
    • Àå¼Ò : ¿ª»ï¿ª Æ÷½ºÆ¿ 3Ãþ À̺¥Æ®È¦
    • °¡°Ý : »çÀüµî·Ï 99,000¿ø / ÇöÀåµî·Ï 110,000¿ø(ºÎ°¡¼¼/±³Àçºñ Æ÷ÇÔ)
¡Ø ÁÖÂ÷°¡ ºÒ°¡´ÉÇÏ¿À´Ï ´ëÁß±³ÅëÀ» ÀÌ¿ëÇØ ÁÖ¼¼¿ä. ÁÖÂ÷Áö¿øÀº ÇÏÁö ¾Ê½À´Ï´Ù.
    • CSS ¹× À¥Ç¥ÁØÀ» ½Ç¹«¿¡ Àû¿ëÇϱ⠿øÇÏ´Â À¥±âȹÀÚ, µðÀÚÀ̳Ê, °³¹ßÀÚ
    • CSS ¹× À¥Ç¥ÁØ ÇÁ·ÎÁ§Æ® °æÇèÀÌ ¾ø´Â À¥°³¹ß °ü·Ã ½Ç¹«ÀÚ
    • CSS ¹× À¥Ç¥ÁØ¿¡ °ü½ÉÀÌ ÀÖ´Â ¸ðµç ºÐ
    • À¥Ç¥ÁØÀÇ Á߿伺°ú ºñÁî´Ï½ºÀû °¡Ä¡¸¦ ÀνÄÇÑ´Ù.
    • CSS ¹× À¥Ç¥ÁØ ½Ç¹« Äü°¡À̵带 ÅëÇØ ÇÙ½É Àû¿ë ¹æ¾ÈÀ» »ìÆ캻´Ù.
    • CSS¸¦ ÀÌ¿ëÇÑ µðÀÚÀÎ/°³¹ß »ç·Ê µ¥¸ð¸¦ ÅëÇØ ÇÁ·ÎÁ§Æ® Àü°úÁ¤ÀÇ ´Ü°èº° ÇÁ·Î¼¼½º¸¦ »ìÆ캻´Ù.
    • ½ÇÁ¦ À¥Ç¥ÁØÀ» ½Ç¹« ÇÁ·ÎÁ§Æ®¿¡ Àû¿ëÇÏ´Â ¹æ¾ÈÀ» °í¹ÎÇغ»´Ù.
    Å×À̺í ű״ Á×¾ú´Ù! - CSS¸¦ ÀÌ¿ëÇÑ À¥»çÀÌÆ® ±¸Ãà(µðÀÚÀÎ, ±âȹ, °³¹ß) Àü·«
    ¾ÆÁ÷µµ À¥ÆäÀÌÁö ·¹À̾ƿô¿¡ Å×À̺í ű׸¦ »ç¿ëÇϽŴٱ¸¿ä?
    ·¹À̾ƿôÀ» Àâ±â À§ÇØ ½À°üÀûÀ¸·Î »ç¿ëÇÏ´ø 'Å×À̺í ű״ ÀÌÁ¦ Á×¾ú½À´Ï´Ù!'

    Å×À̺í ű״ ǥ ÀÛ¾÷½Ã¿¡¸¸ »ç¿ëÇϵµ·Ï, º»¿¬ÀÇ ÀÓ¹«¸¦ ã¾ÆÁà¾ß ÇÕ´Ï´Ù.
    ¸¹Àº À¥ÇÁ·ÎÁ§Æ®¿¡¼­ Å×À̺í ÅÂ±× ¾È¿¡ ¶Ç ´Ù¸¥ Å×À̺í ű׸¦ ¹Ýº¹ »ç¿ëÇؼ­ ·¹À̾ƿôÀ» Àâ´Â ÀÏÀÌ ¹ú¾îÁ³½À´Ï´Ù.
    ÀÌ·± °æ¿ì ³ªÁß¿¡ ÀϺΠÅ×À̺í ű׸¦ »èÁ¦Çϸé, Àüü ·¹À̾ƿôÀÌ ±úÁ®¹ö¸®´Â ¹®Á¦°¡ ¹ß»ýÇÕ´Ï´Ù.
    ¶Ç, ÀÛÀº ¼öÁ¤½Ã¿¡µµ º¹ÀâÇÏ°Ô ¾ôÇôÀÖ´Â ¼Ò½º ÄÚµå ¶§¹®¿¡ ÀÛ¾÷ÇÒ ¾öµÎ°¡ ³ªÁú ¾Ê´Â °æÇèÀ» Çغ¸Áö ¾ÊÀ¸¼Ì½À´Ï±î?

    À¥µðÀÚÀ̳Ê, À¥±âȹÀÚ, À¥°³¹ßÀÚ ¿©·¯ºÐ...
    ÀÌÁ¦´Â CSS¸¦ È°¿ëÇؼ­ À¥»çÀÌÆ®¸¦ ±¸ÃàÇØ¾ß ÇÕ´Ï´Ù.
    µ¥ÀÌÅÍ¿Í ½Ã°¢ÀûÀΠǥÇöÀº ±¸ºÐÇØ¾ß ÇÕ´Ï´Ù.
    ¼¼°èÀûÀ¸·Î À¥Ç¥ÁØ¿¡ µû¸¥ À¥»çÀÌÆ® ±¸ÃàÀÌ ´ë¼¼·Î ÀÚ¸®Àâ°í ÀÖ½À´Ï´Ù.
    ¼±ÁøÈ­µÈ À¥È¯°æÀÇ °¡À̵å¶óÀÎÀ» Á¦°øÇÏ´Â À̹ø 'CSS & À¥Ç¥ÁØ ½Ç¹« Àû¿ë ¿öÅ©¼¥'À» ÅëÇØ ¾Õ¼­ ³ª°¡½Ê½Ã¿À!

    ´Ù¾çÇÑ À¥Ç¥ÁØ ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇØ¿À½Å Àü¹®°¡ 3ÀÎÀÇ ³ëÇϿ츦 ÅëÇØ CSSÀÇ À§·Â°ú À¥Ç¥ÁØÀÇ Á߿伺À» ¹è¿öº¸½Ã±â ¹Ù¶ø´Ï´Ù.

    * ¾Æ·¡´Â Å×À̺í ű׸¦ »ç¿ëÇÏÁö ¾Ê°í CSS·Î ·¹À̾ƿôÀ» ÀâÀº ´ëÇ¥ÀûÀÎ »çÀÌÆ®ÀÔ´Ï´Ù. Á÷Á¢ ¹æ¹®Çؼ­ ¸ÞÀÎ ÆäÀÌÁöÀÇ ¼Ò½º¸¦ È®ÀÎÇØ º¸¼¼¿ä. ¡Ø ÀÌ·¸°Ô º¹ÀâÇÑ »ó¿ë »çÀÌÆ®µµ Å×À̺í ÅÂ±× ¾øÀÌ CSS¸¸ ÀÌ¿ëÇؼ­ ·¹À̾ƿô(div ÅÂ±× »ç¿ë)À» Àâ¾Ò½À´Ï´Ù.
ÀÏ Á¤ ±³ °ú ¸ñ ¸í
°­ »ç
1ºÎ - CSS ¹× À¥Ç¥ÁØ Äü °¡À̵å

1¼¼¼Ç
10:00~10:50
(50ºÐ)

¡á ¿Ö À¥Ç¥ÁØÀΰ¡?

1. À¥Ç¥ÁØ¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ÀÌÇØ
2. À¥Ç¥ÁØ »çÀÌÆ® Á¦ÀÛ¿¡ ´ëÇÑ ÀÌÇØ
3. Àǹ̸¦ »ì¸° ¸¶Å©¾÷ ÀÛ¼ºÇϱâ
¹Ú¼ö¸¸ ´ëÇ¥
(ÁÖ)´õºíÆ®·¢
10:50 ~ 11:00
(10ºÐ)
Break Time
2¼¼¼Ç
11:00~12:00
(60ºÐ)

¡á CSS ¹× À¥Ç¥ÁØ¿¡¼­ °¡Àå ¸¹ÀÌ »ç¿ëÇÏ´Â Tips

1. ³»ºñ°ÔÀÌ¼Ç ¸Þ´º¹Ù ¸¸µé±â
2. flickr ½ºÅ¸ÀÏÀÇ À̹ÌÁö ¸Ê ¸¸µé±â
3. À̹ÌÁö ¹Ú½º ±â»ç ¸¸µé±â
4. ÀÚÀ¯ÀÚÀç·Î ³ô³·ÀÌ°¡ Á¶ÀýµÇ´Â ¸Þ´º¹Ù ¸¸µé±â
5. ±úÁöÁö ¾Ê´Â »óÀÚ ¸¸µé±â
¹Ú¼ö¸¸ ´ëÇ¥
(ÁÖ)´õºíÆ®·¢
12:00~13:20
(80ºÐ)
Lunch Time
3¼¼¼Ç
13:20~14:10
(45ºÐ)

¡á CSS µðÀÚÀÎ ÃÖÀûÈ­

1. HII(Human Information Interacion) µðÀÚÀÎ ¼Ò°³
2. HII ±â¹Ý »ç¿ëÀÚ Á᫐ CSS µðÀÚÀÎ ¹æ¹ý
3. ºê¶ó¿ìÀú ±â¹Ý µðÀÚÀÎ ¼Ò°³
4. ºê¶ó¿ìÀú ±â¹Ý µðÀÚÀÎ utility ¹× È°¿ë¹ý
5. ºê¶ó¿ìÀú ±â¹Ý onestop µðÀÚÀÎ + ¸¶Å©¾÷
Á¶ ÈÆ
´ÙÀ½Ä¿¸Ó½º
4¼¼¼Ç
14:10~15:00
(45ºÐ)

¡á CSS °³¹ß ÃÖÀûÈ­

1. CSS ÃÖÀûÈ­ ¼Ò°³
2. CSS »ó¼Ó°ú °ãħ(cascade)ÀÇ ÀÌÇØ ¹× È°¿ë
3. µðÀÚÀÎ ¿ä¼Òº° ¸ðµâÈ­ ¼Ò°³
4. CSS¸¦ ÀÌ¿ëÇÑ µðÀÚÀÎ ¿ä¼Òº° ¸ðµâÈ­ ¹æ¹ý
Á¶ ÈÆ
´ÙÀ½Ä¿¸Ó½º
15:00~15:20
(20ºÐ)
Break Time
2ºÎ - CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð
5¼¼¼Ç
15:20~16:20
(60ºÐ)

¡á CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð 1

1. Contents : ±¸¼º¿ä¼Ò È®ÀÎ
 1.1 ½ºÅ丮º¸µå¿Í µðÀÚÀÎ ¼Ò½º
 1.2 ±¸¼º¿ä¼Ò ¸ðÅ©¾÷

2. Markup : ±¸Á¶ Á¦ÀÛÇϱâ
 2.1 ¹®¼­Å¸ÀÔ ¼±Åà ¿ä·É
 2.2 ±âº» HTML ±¸Á¶¿¡ µû¸¥ ´ÜÀ§ ÆÄÀÏ ÀÛ¼º
 2.3 ±×·ì : div, span
 2.4 ½Äº°ÀÚ : id, class
 2.5 Á¦¸ñÀÇ »ç¿ë
 2.6 Àǹ̿¡ ¸Â´Â ű×ÀÇ »ç¿ë
 2.7 À̹ÌÁöű×? ¹è°æÀ̹ÌÁö?
½ÅÇö¼® ÆÀÀå
½Ãµµ¿ì

6¼¼¼Ç
16:20~17:00
(40ºÐ)

¡á CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð 2

3. CSS : µðÀÚÀÎ Àû¿ëÇϱâ
 3.1 ¼¿·ºÅÍ »ç¿ë ¹æ¹ý
 3.2 @import¸¦ ÀÌ¿ëÇÑ ÆÄÀÏ ±¸¼º
 3.3 ·¹À̾ƿô : position vs. float
 3.4 ºê¶ó¿ìÀú ±âº» ½ºÅ¸ÀÏ
 3.5 ¹è°æÀ̹ÌÁö Àû¿ë ¹æ¹ý
 3.6 HACK?
½ÅÇö¼® ÆÀÀå
½Ãµµ¿ì
17:00~17:10
(10ºÐ)
Break Time
7¼¼¼Ç
17:10~18:00
(50ºÐ)

¡á CSS ¹× À¥Ç¥ÁØ ½ÇÀü ±¸Ãà µ¥¸ð 3

4. Script : ¹®¼­¿¡ ¿òÁ÷ÀÓ ÁÖ±â
 4.1 Unobtrusive Javascript
 4.2 Å©·Î½º ºê¶ó¿ì¡ Àü·«

5. °ËÅä
 5.1 W3C Markup Validation
 5.2 W3C CSS Validation
 5.3 Á¢±Ù¼º
½ÅÇö¼® ÆÀÀå
½Ãµµ¿ì

** »ó±â ÀÏÁ¤, °­»ç, ³»¿ëÀº »çÁ¤¿¡ µû¶ó º¯°æµÉ ¼ö ÀÖ½À´Ï´Ù.

¹Ú¼ö¸¸ ´ëÇ¥ / (ÁÖ)´õºíÆ®·¢

úÞ, (ÁÖ)´õºíÆ®·¢ ´ëÇ¥
îñ, (ÁÖ)¿£ºñ´åÄÄ ´ëÇ¥ÀÌ»ç
¸íÁö´ëÇб³ ÄÄÇ»ÅÍ°øÇÐ ¼®»ç
'½Ç¿ë¿¹Á¦·Î ¹è¿ì´Â À¥Ç¥ÁØ', 'À¥2.0À» À̲ô´Â ¹æźÀ¥' Ãâ°£ (¿¡ÀÌÄÜ ÃâÆÇ»ç)

Á¶ ÈÆ / ´ÙÀ½Ä¿¸Ó½º ½Ã½ºÅÛÆÀ

úÞ, (ÁÖ)´ÙÀ½Ä¿¸Ó½º ½Ã½ºÅÛÆÀ
îñ, Kpeople À¥µðÀÚÀ̳Ê
http://csslook.com | http://hooney.net
½ÅÇö¼® ÆÀÀå / ¢ß ½Ãµµ¿ì eBIÆÀ

úÞ (ÁÖ)½Ãµµ¿ì À¥Ç¥ÁØÈ­ ÃßÁøÆÀ ÆÀÀå
¿ù°£ Web ±â°í-À¥ Ç¥ÁØ°ú Á¢±Ù¼º Çâ»óÀ» À§ÇÑ Æ¯º°°­ÁÂ:CSS Á¦´ë·Î ¾²±â
http://hyeonseok.com
¼ÒÇÁÆ®¿þ¾î ÁøÈï¿ø - ½ÇÀü À¥Ç¥ÁØ °¡À̵å 2005 °øÀú