* main *

* BBS *

* gallery *

* profile *

* link *



[Ä«Å×°í¸®]

* À½¾Ç *
* Àâ´ÙÇÑ °íÂû *

* ¼ú À̾߱â *
* ½ÃÀ½ ³ëÆ® *
* ¼úÀÜ ÄÝ·º¼Ç *

* ÆÇŸÁö À̾߱â *
* ¹«Çù À̾߱â *
* SF À̾߱â *

* Àâ´ã *
* ÀÌ·±Àú·± ¸Þ¸ð *
* °øÁö»çÇ× *

* ¹°°Çµé *
* ÀÌ·±Àú·± Ãß¾ï *
* ¿©ÇàÀÇ Ãß¾ï *
* ÀϺ»/ÀϺ»¾î *
* Ã¥ À̾߱â *
* ÄÄÇ»ÅÍ °ü·Ã *

* Ãß¾ïÀÇ °ÔÀÓ *
* Ãß¾ïÀÇ ¾Ö´Ï *
* ¸¸È­Ã¥ À̾߱â *
* µå¶ó¸¶¿Í ¿µÈ­ *
* ¸ÅÁ÷ ´õ °³´õ¸µ *


[ÃÖ±Ù ´ñ±Û]

¿ÞÂÊ Ä«Å×°í¸® ¸Þ´ºÀÇ 'ÆÇŸÁö À̾ß...
  by ¾ÆÀ̾
 
2024-03-28

¿µ±¹ º£ÀÌÄÁÀº µî½ÉÀ̱¸¸¸. º¸¸é º£...
  by ¾ÆÀ̾
 
2024-03-28

Àü À¯·´ÀÇ ¼º¾¾º¸¸é ¿¹¸¦ µé¾î John...
  by ´©¿¡±º
 
2024-03-27

¿µ±¹¿¡¼­´Â º£ÀÌÄÁÀ» µî½ÉÀ¸·Î ¸¸µé...
  by ´©¿¡±º
 
2024-03-27

ÁøÂ¥ ÀÌ°Å ¾Ë°í¼­ '¼¼»ó¿¡ ÀÌ·± ÀÏ...
  by ¾ÆÀ̾
 
2024-03-24

±×·¯°Ô. ³­ Å×ÀÏÁî ¿Àºê ÆÇŸÁö¾Æ(P...
  by ¾ÆÀ̾
 
2024-03-24

¿¡±¸, ±×·¯°íº¸´Ï óÀ½À¸·Î Á¦´ë·Î ...
  by perplex
 
2024-03-23

Àúµµ ÀÌ°Å ¾Ë°í¼­ Á» º¡ÂþúÁÒ.... ...
  by perplex
 
2024-03-23

¤¾¤¾
  by ¾ÆÀ̾
 
2024-03-22

±Â
  by ¹®¾î±¸ÀÌ
 
2024-03-21

¿äÁò ¿¹½º24¿¡¼­ Å丮¾ß¸¶ ¾ÆÅ°¶ó ...
  by ¾ÆÀ̾
 
2024-03-14

Àúµµ °©ÀÛ½º·± ¼Ò½Ä¿¡ ´çȲ½º·¯¿ü°í...
  by ¾Æ¸®¹«½º
 
2024-03-14

Àú ¶¥Äá¹öÅÍ ¸ÀÀÖ¾î¿ä ¤¾¤¾ÀÀ¿ø °¨...
  by ¾ÆÀ̾
 
2024-03-01

À¸À½ ¸¶Æ®¿¡¼­ ¶¥ÄáÀë °¡²û »ç´Ù ¸Ô...
  by ¾Æ¸®¹«½º
 
2024-02-27

°í¸¶¿ö. ¿©±â¼­ ¸»ÇÒ ÀÏÀº ¾Æ´Ï¶ó¼­...
  by ¾ÆÀ̾
 
2024-02-20


Ãß¾ïÀÇ »óÀÚ


  list  admin  
¸ÅÁ÷ ´õ °³´õ¸µ ¿¬Àç 01Æí : ¸ÅÁ÷ ´õ °³´õ¸µ?
 

#1. ¸ðµç Æ®·¹À̵ù Ä«µå °ÔÀÓÀÇ ¾Æ¹öÁö°¡ ź»ýÇÏ´Ù.


1990³â, ÇÑ ³²ÀÚ°¡ À§Àúµå ¿Àºê ´õ ÄÚ½ºÆ® »çÀÇ ¹®À» µÎµå·È½À´Ï´Ù. ÀÌ ³²ÀÚÀÇ À̸§Àº ¸®Ã³µå °¡Çʵå. ´ëÇпø ¶§ºÎÅÍ Æ´Æ´È÷ °³¹ßÇÑ '·Îº¸·¤¸®(RoboRally)'¶ó´Â º¸µå°ÔÀÓÀ» ¼¼»ó¿¡ ³»³õ°í ½Í¾îÇÏ´ø ¼öÇÐÀÚÀÔ´Ï´Ù.

±Þ¼ºÀåÇÑ ºñµð¿À °ÔÀÓ ½ÃÀå¿¡ ¹Ð·Á º¸µå°ÔÀÓÀº ÀÌ¹Ì ÇÑ ¹° °£ Åð¹° Ãë±ÞÀ» ´çÇÏ°í ÀÖ¾ú°í, ÀÌ °ÔÀÓÀº ã¾Æ´Ù´Ñ ¼ö ¸¹Àº ȸ»ç¿¡¼­ °ÅÀý´çÇÑ »óÅ¿´½À´Ï´Ù. ±×·±µ¥ À§Àúµå ¿Àºê ´õ ÄÚ½ºÆ® »çÀÇ CEO¿´´ø ÇÇÅÍ ¾ÖµåÅ°½¼Àº ÀÌ °ÔÀÓÀÌ ¹«Ã´À̳ª ¸¶À½¿¡ µé¾ú½À´Ï´Ù. ÇÏÁö¸¸ ´ç½Ã ȸ»çÀÇ ÀçÁ¤»óÅ·δ '·Îº¸·¤¸®'¸¦ ¹ß¸ÅÇÏ´Â °ÍÀº ¾î·Á¿üÁÒ. Æò¼Ò º¸µå °ÔÀÓÀÇ ÇÑ°è¿¡ ´ëÇØ »ý°¢ÇØ¿À´ø ÇÇÅÍ ¾ÖµåÅ°½¼Àº °¡Çʵ忡°Ô 'ÈÞ´ë°¡ °¡´ÉÇÏ°í, È޽Ľð£¿¡ Àá½Ã Ç÷¹ÀÌ°¡ °¡´ÉÇÑ °ÔÀÓ'À¸·Î ´Ü°¡¸¦ ³·Ãç¼­ °³·®Çغ¸¶ó°í À̾߱âÇÕ´Ï´Ù.


¸®Ã³µå °¡Çʵå

¸®Ã³µå °¡ÇʵåÀÇ ³ë·ÂÀ¸·Î 1993³â 8¿ù5ÀÏ, À§Àúµå ¿Àºê ´õ ÄÚ½ºÆ®´Â ±×µ¿¾È º¼ ¼ö ¾ø¾ú´ø »õ·Î¿î ÇüÅÂÀÇ Ä«µå °ÔÀÓÀ» ¹ß¸ÅÇÕ´Ï´Ù. ÃÑ 295Á¾ÀÇ Ä«µå·Î ÀÌ·ç¾îÁø ù ±âº»ÆÇ(Alpha)Àº ¿¬¸»±îÁö 260¸¸Àå ÆǸŸ¦ ¸ñÇ¥ÇÏ°í ÀÖ¾úÁÒ.

±×¸®°í ÀÌ °ÔÀÓÀº ¸ðµÎÀÇ ¿¹»óÀ» ±ú°í ¹ß¸Å 6ÁÖ ¸¸¿¡ ÆǸŷ® 100¸¸ÀåÀ» µ¹ÆÄÇß°í, ¼­µÑ·¯¼­ Âï¾î³½ µÎ ¹ø° ±âº»ÆÇ(Beta) 730¸¸ÀåÀ» Æ÷ÇÔÇÑ Ãµ¸¸ÀåÀÌ ¹Ù·Î ÀýÆÇ, 12¿ù1ÀÏ ¹ß¸ÅµÈ  ¼¼ ¹ø° ±âº»ÆÇ(Unlimited)ÀÌ 4õ¸¸Àå±îÁö ÂïÈ÷¸é¼­ TCG(Æ®·¹À̵ù Ä«µå °ÔÀÓ)À̶ó´Â »õ·Î¿î À帣ÀÇ Åº»ýÀ» ¼¼»ó¿¡ ¾Ë¸³´Ï´Ù.


ÇöÀç 15°³ÀÇ ±âº»ÆÇ°ú, 58°³ÀÇ È®ÀåÆÑ, 44°³ÀÇ ºñÁ¤±Ô »óÇ°°ú ¼Ò¼³, PC°ÔÀÓ, ÄְܼÔÀÓ, ¿Â¶óÀΰÔÀÓÀÌ ¹ß¸ÅµÇ¾ú°í, 94³â ¸à»ç ¼¿·ºÆ® ¾î¿öµå(Mensa Select Award)¸¦ ½ÃÀÛÀ¸·Î 12Á¾ ÀÌ»óÀÇ »óÀ» ¼ö»óÇßÀ¸¸ç, 'ÃÖÃÊÀÇ Çö´ëÀû TCG','¼¼°è¿¡¼­ °¡Àå ¸¹ÀÌ ÇÏ´Â TCG' µî 7°³ ºÎ¹®ÀÌ ±â³×½º¿¡ µîÀçµÇ°í, Àü ¼¼°è 1200¸¸¸íÀÇ
(Áý°è°¡´ÉÇÑ) Ç÷¹À̾ º¸À¯, ¸Å³â 4¸¸ 5õºÒÀÌ °É¸° ¼¼°è´ëȸ¿Í Å©°í ÀÛÀº ´ëȸ°¡ ¼ö½Ã·Î ¿­¸®°í ÀÖ´Â
ÀÌ °ÔÀÓÀÇ À̸§Àº ¸ðµç TCGÀÇ ½ÃÀÛÀÌÀÚ ¾Æ¹öÁö, ¸ÅÁ÷: ´õ °³´õ¸µ(Magic: The Gathering)ÀÔ´Ï´Ù.







#2. ¼öÁý, Á¶ÇÕ, Æ®·¹À̵å

¸ÅÁ÷ ´õ °³´õ¸µ(ÀÌÇÏ '¸ÅÁ÷')Àº ¾î¶² °ÔÀÓÀϱî¿ä?
¸ÅÁ÷À» Çϱâ À§Çؼ­´Â ¿ì¼± µ¦À̶ó°í ºÒ¸®¿ì´Â 60ÀåÀÇ Ä«µå°¡ ÇÊ¿äÇÕ´Ï´Ù. ±×·±µ¥ ¹Ýµå½Ã ÇÊ¿äÇÑ ÀÌ µµ±¸´Â ´©±¸¿¡°Ô³ª ¶È°°ÀÌ Áã¾îÁÖ´Â °Ô ¾Æ´Ï¶ó Ç÷¹À̾ Á÷Á¢ ¸¸µé¾î¾ßÇÕ´Ï´Ù.



±ÍÂú°Ô ÇÏ´Â °Ô ±¥¾ÂÇÏÁö ¾Ê³Ä±¸¿ä? õ¸¸¿¡¿ä.
°¢ ½Ã¸®Áî¿¡´Â °íÀ¯ÇÑ ´É·ÂÀ» Áö´Ñ  ¼ö ¹é Á¾ÀÇ Ä«µå°¡ Á¸ÀçÇÕ´Ï´Ù. ¾î¶»°Ô Á¶ÇÕÇÏ´À³Ä¿¡ µû¶ó¼­ ¿ÏÀüÈ÷ ´Ù¸¥ ¼º´ÉÀ» ¹ßÈÖÇϸç, ÀڽŸ¸ÀÇ Àü·«À» »ç¿ëÇÒ ¼ö ÀÖÁÒ. Ä«µå¸¦ ¸ð¾Æ¼­ Çϳª»ÓÀÎ ÀڽŸ¸ÀÇ µ¦À» ¸¸µç´Ù´Â °ÍÀÌ ÀÌ °ÔÀÓÀÇ ÇÙ½ÉÀûÀÎ ºÎºÐÀ̸ç, °ÔÀÓ Ç÷¹À̺¸´Ùµµ ´õ Àç¹Ì¸¦ °¡Á®´ÙÁִ ù ¹ø° ¿ä¼ÒÀÌÁÒ.


¶ÇÇÑ Ä«µå¸¶´Ù ¼³Á¤µÅÀÖ´Â Èñ±Íµµ¶ó´Â °³³äÀº ¼ÒÀ¯ÇÑ Ä«µå¿¡ °¡Ä¡¸¦ ºÎ¿©ÇØÁÝ´Ï´Ù. ¹«ÀÛÀ§·Î »ç°Ô µÇ´Â Ä«µå´Â Èñ±ÍÇÒ ¼ö·Ï Àß ¾È³ª¿À°í »ý»êµÇ´Â ¾çµµ ÀûÀ¸¸ç °­·ÂÇÏÁÒ. ¶§¹®¿¡ °ÔÀÓ¿¡¼­µµ, ½ÇÁ¦·Îµµ °¡Ä¡°¡ ³ô¾ÆÁö´Ï ÀÌ°Ô ¹Ù·Î ¼öÁýÀÇ ¹¦¹ÌÀÔ´Ï´Ù.



¸ÅÁ÷Àº °¢ ½Ã¸®Á´Ù °íÀ¯ÀÇ ½ºÅ丮°¡ À־ °¢°¢ÀÇ Ä«µå¿¡ À̾߱Ⱑ µé¾îÀÖ½À´Ï´Ù.
°Å±â¿¡ Àß °ü¸®µÈ ÀÏ·¯½ºÆ®¿Í Ä«µåÀÇ ÁúÀº ºüÁ®µé¸¸ÇÑ ¸Å·ÂÀûÀÎ Ä«µå¸¦ ¸¸µé¾î³»°Ô µË´Ï´Ù..

ÇÏÁö¸¸ ¿©±â±îÁö¸¸À¸·Î´Â ´Ü¼øÇÑ ¼öÁý ´ë»óÀÏ »ÓÀÌÁö °ÔÀÓÀÌ ¾Æ´Õ´Ï´Ù.
¸ÅÁ÷¿¡¼­ °¡Àå Áß¿äÇÑ °ÍÀº ´ëÀüÀÌÁö¿ä.



#3. ´ëÀü

ÀڽŸ¸ÀÇ µ¦ÀÌ ¿Ï¼ºµÆ´Ù¸é, ÀÌÁ¦ »ó´ë¿Í ÇÑ ÆÇ ºÙÀ» Â÷·ÊÀÔ´Ï´Ù.
ÀÌ °ÔÀÓÀº Ç÷¹À̾ÀÇ 1:1 ´ë°áÀ» ±âº»ÇüÀ¸·Î µðÀÚÀεǾú°Åµç¿ä.


¸ÅÁ÷¿¡¼­´Â ¿©·¯°¡Áö ¸Å·ÂÀûÀÎ µµ±¸¸¦ ¾µ ¼ö ÀÖ½À´Ï´Ù.

¼ÒȯÇÑ »ý¹°Àº Ãæ½ÇÇÑ Á¾ÀÌ µÇ¾î ÀüÅõ¸¦ ¹ú¿©ÁÙ °ÍÀÔ´Ï´Ù.
¸¶¹ý¹°Ã¼´Â ½Å±âÇÑ ´É·ÂÀ» ¹ßÈÖÇÏ¿© ÀûÀ» Á¶·ÕÇÒ °ÍÀÌ°í,
ºÎ¿©¸¶¹ýÀº ÀÚ½ÅÀÇ ¼ÒÀ¯¹°Àº °­È­½ÃÅ°°í ÀûÀº ¾àÈ­½Ãų °Ì´Ï´Ù.
¿¹»óÇÏÁö ¸øÇÑ °÷¿¡¼­ °©ÀÚ±â ÀνºÅÏÆ® ÁÖ¹®ÀÌ ¹ßµ¿µÇ¾î ÀüȲÀ» µÚÁýÀ» °ÍÀÌ°í,
¼Ò¼­¸® ÁÖ¹®Àº ±× °­·ÂÇÑ ÇѹæÀ¸·Î °áÁ¤Å¸¸¦ ³¯¸®°ÚÁÒ.

ÀÌ µµ±¸µéÀ» ¾î¶² Ä«µå·Î ¾î¶² ºñÀ²·Î Á¶ÇÕÇß´À³Ä°¡ ÀÚ½ÅÀÇ °ÔÀÓ ½ºÅ¸ÀÏÀ» ¸¸µé¾î³»ÁÒ.



¸ÅÁ÷Àº ´Ü¼øÈ÷ ¾ó¸¶³ª ÁÁÀº Ä«µå·Î µ¦À» ®´À³Ä°¡ ÀüºÎÀÎ °ÔÀÓÀÌ ¾Æ´Õ´Ï´Ù.
´Ü¼øÇÏÁö¸¸ źźÇÑ ·êÀº ÁÁÀº Ä«µå¿ÍÀÇ Â÷À̸¦ ½Ç·ÂÀ¸·Î Ä¿¹öÇÏ¿© À̱â´Â »óȲÀ» ÀÚÁÖ ¿¬ÃâÇØÁִϱî¿ä.

ÇÑ Àå ÇÑÀå ¸ðÀº Ä«µå, Ä¡¹ÐÇÑ Àü·«À¸·Î Â¥ÀÎ µ¦, ÀÚ½ÅÀÇ ½Ç·Â, Àû°úÀÇ »ó¼º°ú ¼ö ½Î¿ò... ±×¸®°í Ä«µå¸¦ »Ì´Â ¿î. ÀÌ ¸ðµç °ÍÀÌ ÇÕÃÄÁ®¼­ ½ÂÆи¦ °¡¸¨´Ï´Ù. ±× ±äÀå°¨°ú ¿ªµ¿°¨Àº Á÷Á¢ Çغ» »ç¶÷¸¸ÀÌ ¾Ë ¼ö ÀÖÁÒ.


±×¸®°í ´ëÀüÀÌ ³¡³µ´Ù°í Çؼ­ ³¡ÀÌ ¾Æ´Õ´Ï´Ù. ¿À´ÃÀÇ ÀüÅõ´Â ³»ÀÏÀÇ ¹Ø°ÉÀ½.
¿À´ÃÀÇ ´ëÀüÀ» µ¹ÀÌÅ°°í ÀÚ½ÅÀÇ µ¦À» Æ©´×ÇØ°¡´Â °ÍÀ̾߸»·Î ¸ÅÁ÷ÀÇ ÁøÁ¤ÇÑ ¹¦¹Ì°¡ ¾Æ´Ò±î¿ä?

±×·³ ¸ÅÁ÷ÀÇ ¼¼°è·Î µé¾î°¡º¸ÁÒ!



#4. ´ÙÁßÂ÷¿øÀÇ ¼¼°è µµ¹Ì´Ï¾Æ

¸ÅÁ÷ÀÇ ¼¼°è´Â Çغ¯ÀÇ ¸ð·¡¾Ëó·³ ¸¹Àº Â÷¿ø(Plane)À¸·Î ÀÌ·ç¾îÁ®ÀÖ°í, ÀÌ ¸ðµç Â÷¿øÀ» ÇÕÄ£ ´ÙÂ÷¿ø(Multiverse) ¼¼°èÀÇ À̸§Àº µµ¹Ì´Ï¾Æ(Dominia)ÀÔ´Ï´Ù. ´ëºÎºÐÀÇ »ç¶÷µéÀº ÀÚ½ÅÀÇ Â÷¿ø¸¸ÀÌ ¼¼»óÀÇ ÀüºÎ¶ó°í ¹Ï°í¼­ »ì¾Æ°¡Áö¸¸ µå¹°°Ô ¼¼°èÀÇ ±¸¼º¿¡ ´ëÇؼ­ ±ú´Ý´Â »ç¶÷µéµµ ÀÖ¾ú½À´Ï´Ù.

ÀÌ »ç¶÷µéÀº ³î¶ó¿î ´É·ÂÀ» ¾ò°í¼­, ´ÙÂ÷¿ø ¿ìÁÖ¸¦ ÀνÄÇÏ°í ±× Â÷¿øµé(Planes)À» ¿À°¡´Â(Walk)´É·ÂÀ» °®°Ô µÇ¾ú½À´Ï´Ù. ÀÌ ½Å¿¡ °¡±î¿î ¸¶¹ý»çµéÀº Ç÷¹ÀÎÁî¿öÄ¿(Planeswalker)¶ó°í ºÒ¸®°í, ¾î¶² ÀÌ´Â ÀÚ½ÅÀÇ ¿µ¿ªÀ» ³ÐÇô°¡¸ç ¾ß¸ÁÀ» Ç°°í, ¾î¶² ÀÌ´Â ÀºµÐÇÏ¸ç ¿¬±¸¿¡ ¸ôµÎÇÏ°í, ¾î¶² ÀÌ´Â ´Ù¸¥ Ç÷¹ÀÎÁî¿öÄ¿¿Í ½Î¿ì¸ç ÀüÀïÀ» Çϸ鼭 ¼¼»ó¿¡ ¿µÇâÀ» ³¢Ä¡±â ½ÃÀÛÇß½À´Ï´Ù.



¸ÅÁ÷Àº Ç÷¹ÀÎÁî¿öÄ¿¿Í ´ÙÂ÷¿ø¿ìÁÖÀÇ À̾߱âÀÔ´Ï´Ù. ÀÌ ¼¼°è¿¡´Â °Ë°ú ¸¶¹ý, ¿ë°ú ±«¹°, õ»ç¿Í ¾Ç¸¶°¡ ÀÖ½À´Ï´Ù. ¶ÇÇÑ ¹æ´ëÇÑ ¿ª»ç°¡ ÀÖÀ¸¸ç µîÀåÇÏ´Â Ä«µå ÇÑ Àå ÇÑ ÀåÀÌ À̾߱âÀÇ µîÀåÀι°À̰ųª, »ç°ÇÀÔ´Ï´Ù.

°ÔÀÓÀ» ÇÏ´Â ´ç½Å ¶ÇÇÑ ÇÑ ¸íÀÇ Ç÷¹ÀÎÁî¿öÄ¿·Î½á µµ¹Ì´Ï¾Æ¸¦ ¹«´ë·Î »ì¾Æ°¡°Ô µË´Ï´Ù. ÀڽŸ¸ÀÌ °®°í ÀÖ´Â °­·ÂÇÑ ¸¶¹ý°ú Å©¸®ÃÄ¿Í ÇÔ²² À̾߱⠼ÓÀ» ´©ºñ¸ç, ¿ª»ç»óÀÇ Ç÷¹ÀÎÁî¿öÄ¿¸¦ ¶§·Î´Â ¹ÏÀ½Á÷ÇÑ µ¿·á·Î½á, ¶§·Î´Â °­·ÂÇÑ ÀûÀ¸·Î½á ¸ÂÀÌÇϸ鼭, À̾߱âÀÇ Á᫐ Â÷¿øÀÎ µµ¹Ì³ª¸®¾Æ(Dominaria)¿Í ´Ù¸¥ ¼ö ¸¹Àº Â÷¿øµéÀ» ŽÇèÇÏ°Ô µÉ °ÍÀÔ´Ï´Ù.






#5. 5Á¾·ùÀÇ ¸¶³ª

µµ¹Ì´Ï¾ÆÀÇ ´ëÁö´Â ´Ù¼¸ Á¾·ù·Î ³ª´­ ¼ö ÀÖÀ¸¸ç, °¢ ´ëÁö´Â °íÀ¯ÀÇ ¿¡³ÊÁöÀÎ ¸¶³ª(mana)¸¦ »ý»êÇÕ´Ï´Ù. µéÀº ¹é»ö ¸¶³ª¸¦, ½£Àº ³ì»ö ¸¶³ª¸¦, »êÀº Àû»ö ¸¶³ª¸¦, ´ËÀº Èæ»ö ¸¶³ª¸¦, ¼¶Àº û»ö ¸¶³ª¸¦ »ý»êÇس»ÁÒ.



5Á¾·ùÀÇ ¸¶³ª´Â °¢°¢ÀÇ µ¶Æ¯ÇÑ Æ¯»öÀ» Áö´Ï°í ÀÖ½À´Ï´Ù. ¹é»öÀº ºû°ú Áú¼­¸¦, ³ì»öÀº ÀÚ¿¬°ú ¼ºÀåÀ», Àû»öÀº ºÒ°ú ºÐ³ë¸¦, Èæ»öÀº Á×À½°ú Áúº´À», û»öÀº ¹°°ú °£°èÀÇ ¼ºÁúÀ» Áö´Ï°í ÀÖÁÒ. ±×¸®°í ÀÌ ¸¶³ª¸¦ »ç¿ëÇÏ¿© ±¸ÇöµÇ´Â ¸¶¹ý ¶ÇÇÑ °¢°¢ÀÇ »ö¿¡ ÇØ´çÇÏ´Â °íÀ¯ÀÇ Æ¯¼ºµéÀ» Áö´Ï°í ÀÖ½À´Ï´Ù.

Ç÷¹ÀÎÁî¿öÄ¿°¡ »ç¿ëÇÏ´Â ¸ðµç ÈûÀº ¸¶³ª¸¦ ¿øõÀ¸·Î ÇÏ´Â ¸¶¹ýÀÔ´Ï´Ù. ¼öÇÏ »ý¹°À» Á¶Á¾ÇÏ´Â °Íµµ ¸¶³ª¸¦ ÀÌ¿ëÇÑ ¼ÒȯÀ̴ϱî¿ä. °ÔÀÓ¿¡¼­µµ ¶ÇÇÑ, ´ëÁö¸¦ Á¦¿ÜÇÑ ¸ðµç Ä«µå´Â ¸¶³ª¸¦ ÀÌ¿ëÇÑ ¸¶¹ýÀÔ´Ï´Ù. ¸ðµç Ç÷¹ÀÎÁî¿öÄ¿´Â Àڽſ¡°Ô ¸Â´Â »öÀÇ ¸¶³ªÀÇ ´ÞÀÎÀ̵í, ´ç½Åµµ °ÔÀÓ¿¡¼­ ÀڽŸ¸ÀÇ »öÀ» °®°Ô µÉ °ÍÀÔ´Ï´Ù. ÀÚ½ÅÀÌ ¾î¶² »öÀÇ ¸¶¹ý»ç°¡ µÉÁö ±â´ëµÇ½ÃÁö ¾Ê³ª¿ä?



#6. Ä«µå¸¦ º¸´Â ¹ý





#7. ¸¶Ä¡¸ç...

ÀÌ ¿¬Àç´Â ¸ÅÁ÷À» ¸ð¸¦ »Ó ¾Æ´Ï¶ó ¾ÕÀ¸·Î º°·Î ÇÒ »ý°¢ÀÌ ¾ø´Â ºÐµéÀÌ, ±×³É ½É½ÉÇ®ÀÌ·Î ÀÐÀ» ¼ö ÀÖÀ¸¸é ÁÁ°Ú´Ù...´Â Àǵµ¿¡¼­ ¾²±â ½ÃÀÛÇß½À´Ï´Ù. °ü½ÉÀÌ ¾ø´Â »ç¶÷¿¡°Ô ¾ó¸¶³ª ¼Ò°³ÇؾßÇÒÁö´Â ´Ã °í¹ÎÀÌ µË´Ï´Ù.

À̹ø¿¡µµ ÇÑ ¹ø¿¡ ³Ê¹« ¸¹Àº ³»¿ëÀ» ¾´ °Ô ¾Æ´Ñ°¡ ½ÍÀ¸¸é¼­µµ, ±âº» ¼Ò°³¸¦ ÇÑ ¹ø¿¡ ³¡³»°í ½ÍÀº ¿å½ÉÀÌ µé¾î¼­ ±æ¾îÁö°Ô µÇ¾ú³×¿ä. »ç½Ç µÎ ÆÄÆ®·Î ³ª´­ ³»¿ëÀ» ÇÕÃĵаŶó µÑ ´Ù ºÎ½ÇÇØÁöÁö ¾Ê¾Ò³ª ½Í±âµµ ÇÕ´Ï´Ù.

Àç¹Ì·Î¶óµµ ¸ÅÁ÷À» ÀÐÀ¸·Á¸é ·êÀ» ÃÖ¼ÒÇÑÀº ¾Ë¾Æ¾ßÇϴµ¥ ±× ºÎºÐÀÌ ¾ÕÀ¸·Î °ü°ÇÀÏ °Í °°½À´Ï´Ù. °¡´ÉÇÏ¸é ·êÀ̳ª ¼¼¼¼ÇÑ ºÎºÐÀº ¹èÀçÇÑä·Î °è¼Ó ½á³ª°¡·Á°í ÇÕ´Ï´Ù. Á¦ÀÏ ÁÁÀº°Ç ·êÀ» ¾Æ¿¹ ¸ð¸£°íµµ ÀÐÀ» ¼ö ÀÖ´Â °ÍÀÏ °Í °°³×¿ä. ÀÐÀ»¸¸ÇÑ ±ÛÀÌ µÇ°Ô ³ë·ÂÇغ¸°Ú½À´Ï´Ù.


MTG£ü 2012-08-18 04:16:19 £ü [Comment(0)]




»ý°¢ÀÇ Áöµµ - ¸®Ã³µå ´Ï½ººª
 

¿À·¡ Àü¿¡ ÀÐÀº °ÅÁö¸¸ »ý°¢³­ ±è¿¡ Ã¥À̳ª ÇÑ ±Ç ¼Ò°³ÇÒ±î ÇÕ´Ï´Ù.
¿À´Ã ¼Ò°³ÇÏ·Á´Â Ã¥Àº ¸®Ã³µå ´Ï½ººªÀÇ '»ý°¢ÀÇ Áöµµ' ÀÔ´Ï´Ù.


À̹ÌÁö Ãâó : ¿¹½º24
www.yes24.com/


µ¿¾ç°ú ¼­¾çÀÇ ±âº»ÀûÀÎ »ç°í¹æ½ÄÀÇ Â÷À̸¦ ½É¸®ÇÐÀ̶ó´Â Çй®À» ÅëÇؼ­ ¼³¸íÇÑ Ã¥ÀÔ´Ï´Ù. ÀúÀÚ ¶ÇÇÑ Àú¸íÇÑ ½É¸®ÇÐ ±³¼öÀ̸ç, ¼­¾çÀÎÀε¥µµ ºÒ±¸ÇÏ°í µ¿¾çÀÎÀÌ ³³µæÇÒ ¼ö ÀÖ´Â Á߸³ÀûÀÎ ÀÔÀå¿¡¼­ Ã¥À» Àú¼úÇÏ¿´½À´Ï´Ù.

´Ü¼øÇÑ ¶á±¸¸§ Àâ±â ÀÌ·Ð À̾߱Ⱑ ¾Æ´Ï¶ó ½ÇÇèÀ» ÅëÇؼ­ µµÃâµÈ ³»¿ëÀ̱⠶§¹®¿¡ »ó´çÈ÷ Àç¹Õ½À´Ï´Ù. ƯÈ÷ ÀÏ¹Ý ±³¾ç¼­Àû´ä°Ô ÀüÇô ÇмúÀûÀÌÁö ¾Ê°í ½±°Ô ÀÐÀ» ¼ö Àִ åÀÔ´Ï´Ù. Àú´Â Á» ´õ ±íÀÌ ÀÖ°Ô ¼Ò°³ÇØÁáÀ¸¸é ÁÁ¾ÒÀ» °Í °°Áö¸¸^^;

´Ù¸¥ ¼º°øÇÑ º£½ºÆ®¼¿·¯¸¦ Àдٺ¸¸é ¸®Ã³µå ´Ï½ººªÀÇ ÀÌ ½ÇÇè¿¡ °ü·ÃµÈ À̾߱Ⱑ ÀÚÁÖ ³ª¿Ã Á¤µµ·Î À¯¸íÇÑ Ã¥ÀÔ´Ï´Ù. µ¿¾çÀΰú ¼­¾çÀÎÀÌ ¼¼»óÀ» ¾î¶»°Ô ´Ù¸£°Ô º¸´ÂÁö °ü½ÉÀÌ ÀÖ´Ù¸é ²À Àо½Ã±â ¹Ù¶ø´Ï´Ù.


book£ü 2012-08-17 05:51:34 £ü [Comment(0)]




°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â CSS °­ÁÂ
 

#1. CSS¶õ ¹«¾ùÀΰ¡?

µåµð¾î HTMLÆí ¸¶Áö¸· °­ÀÇÀÎ CSSÆíÀÔ´Ï´Ù.
CSS´Â HTMLÀ» ´Ù·ç´Â ±â¼úÀÌÁö¸¸ µû·Î ºÐ¸®Çؼ­ À̾߱âÇÕ´Ï´Ù.
±×·¸´Ù°í ¾î·Á¿î °ÍÀº ¾Æ´ÏÁö¸¸ HTMLÀ» ±âº»ÀûÀ¸·Î ¾î´ÀÁ¤µµ ¾Ë¾Æ¾ß ¾µ ¼ö ÀÖ½À´Ï´Ù.
±×·¡¼­ À̹ø¿¡ ´Ù·ç´Â °ÍÀÔ´Ï´Ù.

CSS¶õ ¹«¾ùÀϱî¿ä? ¾àÀÚ·Î Cascading Style Sheet ¶ó°í ÇÕ´Ï´Ù. ¸ô¶óµµ µÇ±¸¿ä.
º¸Åë ºÎ¸¦ ¶§ 'CSS' ȤÀº '½ºÅ¸ÀÏ ½ÃÆ®' ¶ó°í ºÎ¸¨´Ï´Ù.

CSS´Â ½±°Ô ¸»¾¸µå¸®¸é HTML ÅÂ±×¿Í ¼Ó¼º¸¸ °®°í´Â ÀÏÁ¤ÀÌ»óÀÇ ¼¼¹ÐÇÑ Á¶ÀÛÀÌ Èûµé±â ¶§¹®¿¡
±× ÇѰ踦 ±Øº¹Çϱâ À§Çؼ­ ¸¸µé¾îÁ³½À´Ï´Ù.

ÀÚ¼¼ÇÑ °Ç ³Ñ¾î°¡°í, CSS¿¡´Â Áß¿äÇÑ Æ¯Â¡ÀÌ ÀÖ½À´Ï´Ù.
¹Ù·Î '¾î¶² °æ¿ì¶óµµ ű׺¸´Ù ¿ì¼±Çؼ­ ÀÛ¿ëÇÑ´Ù'´Â °ÍÀÔ´Ï´Ù.
¶È°°Àº Á¾·ùÀÇ ¸í·ÉÀε¥ Çϳª´Â HTMLű×ÀÌ°í Çϳª´Â CSSÀÔ´Ï´Ù.
ÀÌ µÑÀÌ °°Àº ´ë»óÀ» ÇâÇؼ­ Ãæµ¹ÇÒ °æ¿ì, HTMLÀÇ È¿°ú´Â ¹«½ÃµÇ°í CSS È¿°ú¸¸ Àû¿ëµË´Ï´Ù.

CSS´Â ½áº¸¸é ¾Æ½Ã°ÚÁö¸¸, HTMLº¸´Ù ÈξÀ °­·ÂÇÏ°í Á¤±³ÇÕ´Ï´Ù.
±×·¡¼­ ±× µ¿¾È µ¿ÀÏ ±â´ÉÀÌ HTML¿¡ Àִµ¥µµ ºÒ±¸ÇÏ°í ¿©·¯°¡Áö¸¦ ¹è¿ìÁö ¾Ê°í ³Ñ¾î¿Ô½À´Ï´Ù.
ÀÌÁ¦ ±× ³ª¸ÓÁö¸¦ ¹è¿öº¸°Ú½À´Ï´Ù.


#2. CSS´Â ¾î¶»°Ô »ç¿ëÇÒ±î?

CSS, Áï, ½ºÅ¸ÀÏ ½ÃÆ®´Â ¾î¶»°Ô »ç¿ëÇÒ±î¿ä?
Å©°Ô µÎ °¡Áö ¹æ¹ýÀÌ ÀÖ½À´Ï´Ù...¸¸ ÀúÈñ´Â ±× Áß¿¡ ÇÑ °¡Áö¸¸ ÇÒ°Ì´Ï´Ù.
¹è¿ìÁö ¾Ê´Â ´Ù¸¥ ÇÑ °¡Áö´Â µû·Î ½ºÅ¸ÀÏ ÆÄÀÏÀ» ¸¸µé¾î¼­ ½ºÅ²Ã³·³ Àû¿ëÇÏ´Â °ÍÀε¥ ¾ÆÁ÷Àº ¸ô¶óµµ µË´Ï´Ù.
¾îÂ÷ÇÇ ±×°É ¸ô¶óµµ ±â´É ÀÚü´Â ´Ù »ç¿ëÇÒ ¼ö Àְŵç¿ä.

½ºÅ¸ÀÏ ½ÃÆ®´Â ű×ÀÇ ¼Ó¼ºÃ³·³ »ç¿ëÇÕ´Ï´Ù. ¿¹¸¦ Çѹø º¸ÁÒ.
(¿¹)
<b style="color:#FF0000; font-size:20px;">±ÛÀÚ¸¦ ½áº¾½Ã´Ù.</b>
(°á°ú)
±ÛÀÚ¸¦ ½áº¾½Ã´Ù

½ºÅ¸ÀÏ ½ÃÆ®´Â ÅÂ±× ¾È¿¡¼­ styleÀ̶ó´Â ¼Ó¼º°ú °°Àº Çü½ÄÀ¸·Î »ç¿ëÇÕ´Ï´Ù.
styleÀ̶ó´Â ¹®±¸´Â ½ºÅ¸ÀÏ ½ÃÆ®¸¦ Áö±ÝºÎÅÍ »ç¿ëÇÒ °ÍÀ̶ó´Â ¹®±¸ÀÌÁÒ.
±× ÈÄ µû¿ÈÇ¥¿¡ µé¾î°¡´Â ¸ðµç °ÍµéÀÌ °¢ ¼Ó¼º°ú ¼Ó¼ºÀÇ °ªµéÀ̸ç,
¼Ó¼ºÀÇ °ªÀº 'µîÈ£(=)' ´ë½Å 'ÄÝ·Ð(:)'À¸·Î ³Ö¾îÁÖ°í,
'¼¼¹ÌÄÝ·Ð(;)'À¸·Î ¼Ó¼º°ú ¼Ó¼º »çÀ̸¦ ±¸ºÐÇØÁÝ´Ï´Ù.
´õºÒ¾î¼­ ½ºÅ¸ÀÏ ½ÃÆ®´Â ´ë°³ÀÇ °æ¿ì html ¿ä¼Òº°·Î űװ¡ °ãÄ¡Áö ¾Ê±â ¶§¹®¿¡,
¹üÀ§¸¦ ÁöÁ¤(<b>ÀÌ »çÀÌ°¡ ¹üÀ§</b>)ÇÒ ¼ö¸¸ ÀÖÀ¸¸é ¾î¶² ű׿¡´Ù°¡ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ ½áµµ ´ëºÎºÐ ÀÛµ¿ÇÕ´Ï´Ù.
±× ¹üÀ§ ¾È¿¡ ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ ¼Ó¼ºÀ» Àû¿ëÇÒ ´ë»óÀÌ ÀÖ´Ù¸é¿ä.

HTML·Î Á¦¾îÇÏ´Â ¸ðµç ¼Ó¼ºÀº ´Ù CSS·Î Á¦¾îÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÇÏÁö¸¸ ÀúÈñ´Â ¾ÆÁÖ ±ØÈ÷ ÀϺθ¸À» ¹è¿ï °ÍÀÔ´Ï´Ù.
´ëºÎºÐÀº ű׸¸À» »ç¿ëÇصµ ÃæºÐÇϱ⠶§¹®À̸ç, ±× ÀÌ»óÀ» ¿øÇÏ½Ç ¶§´Â °³ÀÎÀûÀ¸·Î CSS¸¦ ´õ °øºÎÇϽñ⠹ٶø´Ï´Ù. ¾à¼ÓÇϴµ¥ ÀúÈñ°¡ ¿À´Ã ¾Ë¾Æº¸´Â °Í, ±×¸®°í HTML¿¡¼­ Á¦°øÇÏ´Â ±â´ÉÀÇ ¼ö ½Ê, ¼ö ¹é¹è ÀÌ»óÀÇ ¸Å·ÂÀûÀÎ ±â´ÉÀÌ CSS¿¡ ÀÖÀ» °Ì´Ï´Ù.


#3. ¹®ÀÚ°ü·Ã HTML ÅÂ±× º¸°­

¿©±â¼­ Àá±ñ! ¹®ÀÚ¿¡ °ü·ÃµÈ ű׸¦ µÎ °³¸¸ ´õ º¸°í °¡ÁÒ.

[ font ÅÂ±× ]
»ç½Ç html¿¡¼­ ¹®ÀÚ¸¦ Á¦´ë·Î ´Ù·ç´Â ű״ font ű×ÀÔ´Ï´Ù.
ÇÏÁö¸¸ ½ºÅ¸ÀÏ ½ÃÆ®¸¸Å­ Á¤±³ÇÑ Á¶ÀÛÀº ¸øÇؼ­ ÀúÈñ´Â ´Ù·çÁö ¾Ê°í ³Ñ¾î¿ÔÁö¿ä.
ÇÏÁö¸¸ ÀÌ·± űװ¡ Á¸ÀçÇÏ´Â °Í¸¸Å­Àº ±â¾ïÇÕ´Ï´Ù. Á¤¸» ÀÚÁÖ ¾²À̴ ű×À̴ϱî¿ä.
Àú´Â font ű׸¦ ½ºÅ¸ÀÏ ½ÃÆ®¿ëÀ¸·Îµµ ÀÚÁÖ ¾¹´Ï´Ù.
<font style="³»¿ë">
ÀÌ·± ½ÄÀ¸·Î¿ä. ¿ø·¡ HTML¿¡¼­ ¹®ÀÚ¸¦ ´Ù·ç´Â °¡Àå Áß¿äÇÑ ÅÂ±× Áß ÇϳªÀÔ´Ï´Ù.

[ span ÅÂ±× ]
span ű״ ½ºÅ¸ÀϽÃÆ®¸¦ Àû¿ëÇϰųª ƯÁ¤ ±¸°£ÀÇ ¼Ó¼ºÀ» ¹Ù²ãÁÖ´Â µî ÀÚü·Î´Â Å« ¿ªÇÒÀÌ ¾øÁö¸¸ ¾î¶² ¿µ¿ªÀ» ÁöÁ¤Çؼ­ ±× ¿µ¿ª¿¡ Á¶ÀÛÀ» ÇØÁÙ ¶§ ÇÊ¿äÇÕ´Ï´Ù. À§¿Í °°Àº °æ¿ì¿¡µµ ÀÚÁÖ ¾²ÀÌÁÒ.
<span style="³»¿ë">
spanű״ Ȱ¿ëµµ°¡ ¸Å¿ì ³ôÀºµ¥, ¹«¸®Çؼ­ ¾²Áö´Â ¸¶¼¼¿ä. °è¼Ó ÀÌ·±Àú·± °ÍµéÀ» ¸¸µé´Ùº¸¸é, ±× °¡Ä¡°¡ º¸ÀÏ ¶§°¡ ÀÖÀ»°Ì´Ï´Ù.

Âü°í·Î spanű׸¸Å­ ÀÚÁÖ ¾²ÀÌ´Â°Ô divű×Àε¥, divű״ ¿©±â¼­´Â ´Ù·çÁö ¾Ê°Ú½À´Ï´Ù.
ÀϹÝÀûÀ¸·Î ¹ü¿ë¼ºÀÖ°Ô ¾²´Â °Ç spanÀÌ ´õ ÁÁ½À´Ï´Ù.

ÀÌ µÎ °³ÀÇ Å±״ ¾Ë¾ÆµÎ¼¼¿ä.


#4. ¹®ÀÚ°ü·Ã CSS

¾ÕÀ¸·Î ¾²´Â ¸ðµç CSS ¼Ó¼ºÀº html ÅÂ±× ¾È¿¡ style="³»¿ë" ÀÇ ÇüÅ·Π¾´´Ù´Â ÀüÁ¦ÇÏ¿¡¼­ À̾߱âÇÕ´Ï´Ù.

¹®ÀÚ°ü·Ã ÁÖ¿ä CSS ¼Ó¼ºÀº ¾Æ·¡¿Í °°½À´Ï´Ù.
font-size : ÆùÆ®ÀÇ Å©±â¸¦ ÁöÁ¤ÇÕ´Ï´Ù. Çȼ¿ÀÌ¿ÜÀÇ °ªÀ¸·Îµµ ÁöÁ¤°¡´ÉÇϳª, ÀúÈñ´Â Çȼ¿(px)À» ¾²°Ú½À´Ï´Ù. (¿¹) font-size: 12px;

font-family : ±ÛÀÚü¸¦ ÁöÁ¤ÇÕ´Ï´Ù. '±¼¸²','Gulim','µ¸¿ò','¹ÙÅÁ' µîÀÇ ±ÛÀÚü¸¦ ³Ö¾îÁÖ¸é µË´Ï´Ù. ¸¸ÀÏ ºê¶ó¿ìÀú ȤÀº »ç¿ëÀÚÀÇ ÄÄÇ»ÅÍ°¡ ÇØ´ç ±ÛÀÚü¸¦ ¸ð¸¦ °æ¿ì ±âº» ±ÛÀÚü·Î Ç¥½ÃµË´Ï´Ù.

color : ±ÛÀÚÀÇ »öÀ» ÁöÁ¤ÇÕ´Ï´Ù.

text-decoration : ±ÛÀÚÀÇ »ó/Áß/ÇÏ À§Ä¡¿¡ ¼±À» ±ß½À´Ï´Ù. underline °ú none¸¸ ¾Ë¾ÆµÓ½Ã´Ù.
*<u>űװ¡ ¾Æ´Ñ CSS¸¦ ¾²´Â ÀÌÀ¯: ÀÌ ¼Ó¼ºÀº ÇÏÀÌÆÛ¸µÅ© °ü·Ã ¼Ó¼º°ú Ç×»ó °ãĨ´Ï´Ù. ¶§¹®¿¡ ÇÏÀÌÆÛ¸µÅ©ÀÇ ¼³Á¤À» ¹«½ÃÇÑ »óÅ·Π°ªÀ» ÁöÁ¤Çϱâ À§Çؼ­ CSS¸¦ ¾²´Â °ÍÀÔ´Ï´Ù.


»ç¿ë ¿¹:
(¿¹)
<span style="font-size:18px;font-family:¹ÙÅÁ;color:#0000FF;text-decoration:underline">±ÛÀÚÀÇ ¼Ó¼ºÀ» ¹Ù²ãº¾½Ã´Ù.</span>
(°á°ú)
±ÛÀÚÀÇ ¼Ó¼ºÀ» ¹Ù²ãº¾½Ã´Ù.



#5. Å×ÀÌºí °ü·Ã CSS

Å×ÀÌºí¿¡ »ç¿ëµÇ´Â CSS´Â ¹®ÀÚ¿Í´Â ´Ù¸£°Ô tableÅÂ±×¿Í tdű׿¡ »ç¿ëÇÏ´Â ½ºÅ¸ÀϽÃÆ®°¡ Á¤È®È÷ ³ª´µ¾î¾ßÇÕ´Ï´Ù.
Çϳª¾¿ º¸°Ú½À´Ï´Ù.

[ table ű׿¡ ÁöÁ¤ÇÏ´Â CSS ]
¸ðµç °ªÀ» ´Ù ¾Ë ÇÊ¿ä´Â ¾ø±â ¶§¹®¿¡ ÀÚÁÖ ¾²ÀÌ´Â ¼Ó¼º¿¡ ÇØ´ç °ª±îÁö °°ÀÌ ³Ö¾ú½À´Ï´Ù.

word-break:break-all; : ±ÛÀÚ¸¦ Çϳª¾¿ Àß¶ó¼­ ÁٹٲÞÇÏ°Ô ÇØÁÝ´Ï´Ù. ÀÌ°Ô ¼³Á¤ÀÌ ¾ÈµÇ¸é ´Ü¾î´ÜÀ§·Î ÁٹٲÞÀÌ µÉ ¼öµµ ÀÖ½À´Ï´Ù.
table-layout:fixed : Å×À̺íÀÇ Å©±â¸¦ °íÁ¤½ÃÄÑÁØ´Ù.
border-collapse:collapse; : Å×À̺íÀÇ ¿Ü°û Å׵θ®¿Í ¼¿ Å׵θ®°¡ °ãÄ¥ ¶§ µÎ²¨¿öÁöÁö ¾Ê°í ÇÕÃÄÁö°Ô ÇÑ´Ù.
border-style:dotted; : Å׵θ®°¡ Á¡¼±ÀÌ µÈ´Ù.


[ td ű׿¡ ÁöÁ¤ÇÏ´Â CSS ]

background-repeat: no-repeat; : ¹è°æ±×¸²ÀÌ ¹ÙµÏÆǽÄÀ¸·Î ¹Ýº¹Ãâ·ÂµÇ´Â °ÍÀ» ¸·´Â´Ù.



À½. ¾Ë·Áµå¸±°Ô ¸¹ÀÌ ÀÖ³ª ½Í¾ú´Âµ¥, ÀÚÁÖ »ç¿ëÇÏ´Â °ÍÀº ÀÌ Á¤µµ¸é ÃæºÐÇÒ °Í °°½À´Ï´Ù.
ÀÌ ¿Ü¿¡µµ ¿©·¯ºÐÀÌ html¿¡¼­ ¸ø Çߴµ¥ ÇÒ ¼ö ÀÖÀ» °Í °°Àº°Ç ´ëºÎºÐ CSS·Î °¡´ÉÇÕ´Ï´Ù.
ÇÊ¿äÇϽŠ°Ô ÀÖÀ¸¸é ÀÌÁ¨ Á÷Á¢ ã¾Æº¸½Ã±â ¹Ù¶ø´Ï´Ù^^


#6. head ÅÂ±× ¾ÈÀÇ CSS

head ÅÂ±× ¾È¿¡ CSS¸¦ ¾²´Â ¹æ¹ý ¶ÇÇÑ ´Ù¾çÇÏÁö¸¸, À̹ø¿¡´Â µü µÎ °¡ÁöÀÇ °æ¿ì¸¸ º¸°Ú½À´Ï´Ù.

¿ì¼± head ÅÂ±× ¾È¿¡ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ ¼±¾ðÇÒ ¶§´Â ¾Æ·¡Ã³·³ ÇÕ´Ï´Ù.

<head>
     <STYLE TYPE="text/css">
     <!--
          CSS³»¿ë
     -->
     </style>
</head>

¿©±â¼­ ÁÖ¼® 󸮸¦ ÇØÁÖ´Â °ÍÀº ¿¡·¯°¡ ³¯ °æ¿ì Äڵ带 º¸ÀÌÁö ¾Ê±â À§ÇÔÀ̸ç,
ÀÌ »çÀÌ¿¡ ÀÖ´Â CSS´Â Á¤»ó ÀÛµ¿ÇÕ´Ï´Ù.

±×·³ ¿ì¼±, ù ¹ø° °æ¿ì¸¦ º¸°Ú½À´Ï´Ù.

<STYLE TYPE="text/css">
<!--
     body,td{font-family:±¼¸²;font-size:12px;}
>--
</style>


ÀÌ·¸°Ô 󸮸¦ ÇØÁÖ¸é, ÇØ´ç html ¹®¼­¿¡¼­ »ç¿ëµÇ´Â ¸ðµç bodyÅÂ±×¿Í tdÅÂ±× ¾ÈÀÇ ±ÛÀÚ´Â
font-family:±¼¸²;font-size:12px; ÀÌ ¼Ó¼ºÀ» ¹Þ°Ô µË´Ï´Ù. ƯÁ¤ ÅÂ±× Àüü¸¦ ó¸®ÇÒ ¶§ ¾²´Â ¹æ¹ýÀÔ´Ï´Ù.

µÎ ¹ø°¸¦ º¸°Ú½À´Ï´Ù.

<STYLE TYPE="text/css">
<!--
     a:link {text-decoration: none;}
     a:active {text-decoration: none;}
     a:visited {text-decoration: none;}
     a:hover {text-decoration: underline;}
>--
</style>

ÀÌ°Ç ÇÏÀÌÆÛ¸µÅ©°¡ °É¸° ±Û¾¾¸¦ ¾î¶»°Ô ó¸®ÇØÁÖ´ÂÁö¿¡ °üÇÑ CSSÀÔ´Ï´Ù.
¾Õ¿¡¼­ º¸¾Ò´ø body ű×ÀÇ ¼Ó¼ºº¸´Ù ´õ ÀÚ¼¼ÇÏ°Ô ´Ù·ì´Ï´Ù.

Çϳª¾¿ »ìÆ캸¸é,
a:link ´Â ¸µÅ©°¡ °É·ÁÀÖ´Â »óŸ¦ ¶æÇÕ´Ï´Ù.
a:active ´Â Ŭ¸¯ÇÏ´Â ¼ø°£ÀÔ´Ï´Ù.
a:visited ´Â ÇÑ ¹øÀÌ»ó ¹æ¹®ÇÑ ÇÏÀÌÆÛ¸µÅ©¸¦ ¶æÇÕ´Ï´Ù.
a:hover ´Â ¸¶¿ì½º°¡ ÇØ´ç ±ÛÀÚ À§¿¡ ¿Ã¶ó°¡ÀÖÀ» ¶§¸¦ ¶æÇÕ´Ï´Ù.

Áï, À§ÀÇ ±¸¹®Àº "Æò¼Ò¿¡´Â ¸µÅ©°É¸° ±Û¾¾ ¾Æ·¡¿¡ ÁÙÀ» ±ßÁö ¸»´Ù°¡, ¸¶¿ì½º¸¦ À§¿¡ ¿Ã·ÈÀ» ¶§¸¸ ±×¾î¶ó" ¶ó´Â ¶æÀÔ´Ï´Ù.
´ç¿¬È÷ text-decoration ÀÌ¿ÜÀÇ ¿©·¯°¡Áö ¼Ó¼ºÀ» ¼³Á¤ÇØÁÙ ¼ö ÀÖ½À´Ï´Ù.




¿©±â±îÁö Çؼ­ HTML°ü·Ã °­ÀǸ¦ ¸ðµÎ ¸¶Ä¡°Ú½À´Ï´Ù.
¾Æ¸¶ ÀÌ Á¤µµ¸¸ ¾Ë¸é ±âº»ÀûÀ¸·Î htmlÀ» ´Ù·ç´Â °Í¿¡´Â ¹®Á¦°¡ ¾øÀ» °ÍÀÔ´Ï´Ù.
À¥ ÇÁ·Î±×·¡¹Ö¿¡ ÀÔ¹®ÇÏ½Ç »ý°¢ÀÌ ¾øÀ¸½Å ºÐÀº, ¿©±â±îÁöÀÇ ³»¿ëÀ» °¥°í ´Û¾Æ¼­ ÁÁÀº ȨÆäÀÌÁö¸¦ ¸¸µå½Ã±â ¹Ù¶ø´Ï´Ù. °Ô½ÃÆÇ µîÀÇ ÇÁ·Î±×·¥µî°ú °ü·ÃµÈ ºÎÁ·ÇÑ ºÎºÐÀº, ÀÎÅͳݿ¡¼­ ¹«·á·Î Á¦°øÇÏ°í ÀÖ´Â °Íµéµµ ¸¹ÀÌ ÀÖ´ä´Ï´Ù. (Á¦·Îº¸µå µî)


¾ó¸¶³ª ½¯Áö´Â ¸ð¸£°ÚÁö¸¸ Á» ½¬´Ù°¡, ´ÙÀ½¿¡´Â PHP¿¡ °ü·ÃµÈ ±âº»ÀûÀÎ °­ÀǸ¦ ÇÏ°Ú½À´Ï´Ù.
´ÙÀ½ ¿ª½Ã "°­¾ÆÁö¿Í ¼Û¾ÆÁöµµ ¸¸µé ¼ö Àִ ȨÆäÀÌÁö"ÀÇ ¿¬¼ÓÀÔ´Ï´Ù^^


computer£ü 2012-08-17 05:30:03 £ü [Comment(0)]




[PREV]  [1] ... [251][252][253][254][255][256][257] ... [357]  [NEXT]

ÙÞäñ - MyoAe - Homepage Mode
Ver. 1.45

by Aierse