Today at Vom
Class of Vom
Portfolio of Vom
Who we are
Contact Vom
Understanding HTML/CSS Beginner

±³À°±â°£
±³À°½Ã°£
°­       »ç
¸ðÁýÀοø
¼ö  °­  ·á

|  2019.01.12(Åä)~2019.02.16(Åä)
|  ÁÖ 1ÀÏ(Åä) 14:20~18:20
|  Á¤À»¼ö
|  20¸í
|  336000 ¿ø

ÇÒÀÎÇýÅÃ

¼ö°­ ½Åû

°­ÀÇ¿¡
µé¾î°¡¸ç
À¥Ç¥ÁØ, ¿Ö µðÀÚÀ̳ʰ¡ ¹è¿ö¾ß Çϴ°¡?
ÁÁÀº À¥ µðÀÚÀÎÀº HTML/CSS¿¡ ´ëÇÑ ÃæºÐÇÑ ÀÌÇØ·ÎºÎÅÍ ½ÃÀ۵˴ϴÙ!
ÇöÀçÀÇ À¥ »çÀÌÆ®µéÀº ´ëºÎºÐ ºí½´¾î¸¦ µðÀÚÀÎÇÏ´Â °Íó·³ Çȼ¿À» ±â¹ÝÀ¸·Î µðÀÚÀÎ µÇ°í ÀÖ½À´Ï´Ù.
ÇÏÁö¸¸ À¥ÆäÀÌÁö´Â Àû°Ô´Â ¸î½ÊÆäÀÌÁö ¸¹°Ô´Â ¼ö¸¸ÆäÀÌÁö°¡ µÉ ¼ö ÀÖÀ¸¹Ç·Î,
±ÔÄ¢À» ±â¹ÝÀ¸·Î µðÀÚÀÎ µÇ¾î¾ß Çϸç ÀÌ·¸°Ô ¸¸µé¾îÁø À¥ÆäÀÌÁö¾ß¸»·Î À¥´Ù¿î Å« ÈûÀ» °®°ÔµË´Ï´Ù.

±×·¯¹Ç·Î À¥µðÀÚÀ̳ʴ ũ¸®¿¡ÀÌÆ¼ºêÇÑ ½Ã°¢ ¾ð¾î¸¦ ±ÔÄ¢ ¾È¿¡ ´ã¾Æ ³»¾î
ÇöÀå°¨ ÀÖ´Â µðÀÚÀÎÀ» ¸¸µé¾î ³¾ ¼ö ÀÖ¾î¾ß ÇÕ´Ï´Ù.

°­ÀÇ ´ë»ó
ÀÌ·± ºÐµé¿¡°Ô ÃßõÇÕ´Ï´Ù!
±×´ë ¾È¿¡ ¾ÆÁ÷ ²ÉÇÇ¿ìÁö ¾ÊÀº ¹«ÇÑÇÑ °¡´É¼ºÀÌ ³²¾Æ ÀÖ½À´Ï´Ù.
ÀÚ¼¼È÷
µé¿©´Ùº¸±â
¿Ö HTML/CSS °úÁ¤Àΰ¡¿ä?
ÇöÀçÀÇ À¥ Æ®·£µå´Â »ç¿ë¼º°ú Á¢±Ù¼ºÀ» À§ÇØ ÄÚµå ģȭÀûÀÎ µðÀÚÀÎÀÌ Àý´ëÀûÀ¸·Î ÇÊ¿äÇÑ ½Ã±âÀÔ´Ï´Ù.
¿Ö³ÄÇϸé TV¹æ¼Û, À̺Ï, ¾îÇø®ÄÉÀ̼Ç, IOTµî ¸ðµç ¹Ìµð¾îµéÀÌ À¥À¸·Î ¿¬°áµÇ°í Àֱ⠶§¹®ÀÔ´Ï´Ù.
Æ÷Åä¼¥ ½ºÅ³¿¡¸¸ ÀÇÁ¸ÇÏ°í ½Ã°¢Àû Æ®·£µå¿¡¸¸ Ãæ½ÇÇÑ µðÀÚÀÎÀº »ì¾Æ³²À» ¼ö ¾ø½À´Ï´Ù.
À¥ ¾îÇø®ÄÉÀ̼DZîÁö ¼ÒÈ­ÇÒ ¼ö ÀÖ´Â ±â¼ú°ú ºñÁÖ¾óÀÌ ÄÁ¹öÀü½ºµÈ ±×·± ÀÛ¾÷ÀÌ ÇÊ¿äÇÕ´Ï´Ù.
ÀÌ·¸µí ¸¹Àº µðÀÚÀÎȸ»ç¿¡¼­ ¿©·¯°¡Áö ÀÌÀ¯·Î Äڵ带 ´Ù·ê ÁÙ ¾Æ´Â µðÀÚÀ̳ʸ¦ ã°í ÀÖ½À´Ï´Ù.
°­ÀÇ
ÁÖ¿ä Æ¯Â¡
¾î¶»°Ô Á¦´ë·Î ¹è¿ï ¼ö ÀÖÀ»±î¿ä?
´Ü¼øÈ÷ ¾Æ´Â °Í VS ÇÒ ¼ö ÀÖ´Â °Í
»ç½Ç HTML/CSS´Â ½±°Ô Àü¹®°¡°¡ ¾Æ´Ï´õ¶óµµ »ç¿ëÇÒ ¼ö ÀÖµµ·Ï º¸Æí¼ºÀ» öÇÐÀ¸·Î
¼³°èµÈ ¾ð¾îÀÔ´Ï´Ù. ÇÏÁö¸¸ ÇÁ·Î ÀÛ¾÷Àڷμ­ ½ÇÁ¦ µðÀÚÀÎÀ» ÄÚµå·Î ¸¸µé ¼ö ÀÖ°Ô
µÇ±â±îÁö ¹è¿ì±â´Â ½±Áö ¾ÊÀº °ÍÀÌ »ç½ÇÀÔ´Ï´Ù.
¸Ó¸®·Î ÀÌÇØµÇ°í ¼ÕÀ¸·Î Àͼ÷ÇØÁ® ½º½º·Î ÀÀ¿ëÇÒ ¼ö ÀÖÀ» ¸¸Å­ Ä£ÀýÇϰÔ
´Ü°èº°·Î ÇнÀÇÒ ¼ö Àִ°¡À̵尡 ¸¹Áö ¾ÊÀº °Íµµ ±× ÀÌÀ¯Áß ÇϳªÀÔ´Ï´Ù.
º¸ÅëÀÇ Ã¥°ú °­ÀÇ´Â ¼Ó¼º ¼³¸í À§ÁÖÀÇ ³»¿ëÀÌ ´ëºÎºÐÀ̱⠶§¹®ÀÔ´Ï´Ù
±×·¡¼­ º» °­ÀÇ´Â ´Ü¼øÇÑ ¼Ó¼º À§ÁÖÀÇ °­Àǰ¡ ¾Æ´Õ´Ï´Ù.
±íÀÌ ÀÖ°í Æø³ÐÀº ÀÌÇØ¿Í ½Ã¾ß¸¦ ¹ÙÅÁÀ¸·Î ü°èÀûÀÌ°í ´Ü°èÀûÀÎ ÈÆ·ÃÀ» ÅëÇØ
½Ç¹«¿¡¼­µµ ÀÀ¿ë ÇÒ ¼ö ÀÖ´Â Âü ´É·ÂÀÌ µÇµµ·Ï ÇÏ´Â °ÍÀÌ ±× ¸ñÇ¥ÀÔ´Ï´Ù.
¾ÕÀ¸·ÎÀÇ ¸ðµç ¹Ìµð¾î´Â ¼ÒÇÁÆ®¿þ¾î, ÅÚ·¹ºñÀü, ¹æ¼Û, ±×¸®°í À̺Ͽ¡ À̸£±â±îÁö
¸ðµç ¹Ìµð¾î¸¦ HTML/CSS°¡ ÅëÇÕÇØ ³ª°¥ ±â¼¼ÀÔ´Ï´Ù.
À̰ÍÀº ±âÁ¸ÀÇ ºÏ µðÀÚÀÎ, À¥ µðÀÚÀÎ ±×¸®°í 3DÀÇ °¢°¢ÀÇ ¾Æ¿ôDzÀÌ
À¥À̶ó´Â ÇϳªÀÇ ¾Æ¿ôDzÀ¸·Î ÅëÇյȴٴ ¶æÀÔ´Ï´Ù.
±×·¸±â¿¡ ÀÌ ½Ã¸®Áî´Â µðÀÚÀÌ³Ê ºÐµé¿¡°Ô HTML/CSS¸¦ ¸¶À½²¯ ÁÖ¹«¸¦ ¼ö ÀÖ´Â
µðÀÚÀÎ µµ±¸·Î ¸¸µé¾î µå¸®°Ú´Ù´Â ¸ñÇ¥¸¦ °¡Áö°í ÀÖÀ¸¸ç,
HTML/CSS¿¡ ´ëÇØ Á» ´õ ÁøÁöÇϰí ÀÇ¿åÀûÀ¸·Î ¹è¿ì°í ½ÍÀº ºÐµéÀ» À§ÇØ ¸¸µé¾îÁö°Ô µÇ¾ú½À´Ï´Ù.
Àü °úÁ¤¿¡ °ÉÃÄ ½Ç¹«¿¡¼­ÀÇ °­»çÀÇ °æÇèÀ» ÃÖ´ëÇÑ »ì¸®°í
±âÁ¸ÀÇ Ã¥À̳ª °­ÀÇÀÇ ±â´É ¸í¼¼¸¦ ¾Ë¾Æº¸´Â ¹æ½ÄÀÇ ´Ü¼øÇÑ ÇнÀÀÌ ¾Æ´Ñ
ÅëÇÕÀûÀÎ ÀÌÇØ¸¦ ¹ÙÅÁÀ¸·Î ¸Ó¸®¿Í ¼ÕÀ¸·Î ÀÍÇôÁú ¼ö ÀÖ´Â ¹è¿òÀÌ µÉ ¼ö ÀÖµµ·Ï ±³À°¹æ½ÄÀ» µðÀÚÀÎÇÏ¿´½À´Ï´Ù.

PROFESSIONAL

10³â ÀÌ»óÀÇ ½Ç¹« °æ·Â°ú
±³À° °æÇèÀ» °¡Áø ÃÖ°íÀÇ °­»ç

EASY

óÀ½ ½ÃÀÛÇÏ´Â ºÐµµ ÃæºÐÈ÷
ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ½¬¿î ¼³¸í

VISUAL

¾î·Á¿î °³³ä ¹× ¿ø¸®¸¦
½Ã°¢ÀûÀÎ ¹æ¹ýÀ» ÅëÇØ ¼³¸í





INSPIRE

°­»çÀÇ ½Ç¹« °æÇè¿¡¼­ ¾òÀº
±â¼ú°ú µðÀÚÀÎÀÇ ÀλçÀÌÆ® °æÇè

TRAINING

ÇöÀå¿¡¼­ »ç¿ëµÇ´Â ¿¹Á¦ ¹× ½Ç½ÀÀ»
ÅëÇÑ ÁøÁ¤ÇÑ ½Ç¹« ÈÆ·Ã

PORTFOLIO

±¸Á÷ ¹× ÀÌÁ÷¿¡ ÇÊ¿äÇÑ ¼öÁØ ³ôÀº°³Àκ° Æ÷Æ®Æú¸®¿À Á¦ÀÛ

Understanding ½Ã¸®ÁîÀÇ ¿øÄ¢
1. ÃÖ´ëÇÑ ½±°Ô ¼³¸íÇÏ¿© ´©±¸³ª ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ÇÒ °Í
2. Á¡ÁøÀûÀ¸·Î Çâ»óµÇ´Â Áñ°Å¿ò°ú Àç¹Ì°¡ ÀÖÀ» °Í
3. ÃÖ´ëÇÑ ÀϹÝÀÎÀÌ »ý°¢ÇÒ ¼ö ÀÖ´Â ´Ü¾î¿Í ±×¸²À¸·Î ±â¼úÀû ¿ø¸®¸¦ ¼³¸íÇÒ °Í
4. ±â¼ú¿¡ ´ëÇÑ Æø³ÐÀº ÀÌÇØ, µðÀÚÀΰú ±â¼ú°£ÀÇ ÀλçÀÌÆ®¸¦ ¼ö¾÷¿¡¼­ °æÇèÇϵµ·Ï ÇÒ °Í
5. ½ÇÁ¦ ½Ç¹« ÀÛ¾÷°ú ±«¸®°¨ÀÌ ¾ø¾î ¹è¿î °ÍÀ» ÇöÀå¿¡¼­ Àû¿ëÇÒ ¼ö ÀÖµµ·Ï ÇÒ °Í
°­ÀÇ
Ä¿¸®Å§·³
Understanding ½Ã¸®ÁîÀÇ ±âÃÊÆí¿¡¼­´Â
¹«¾ùÀ» ´Ù·ç³ª¿ä?

Understanding ½Ã¸®ÁîÀÇ °¡Àå óÀ½ °úÁ¤ÀÎ ±âÃÊÆíÀº µðÀÚÀ̳ʰ¡ Äڵ带 ¹è¿ö¾ß ÇÏ´Â
±æ°íµµ ¸Õ ¿©Á¤¿¡ ù ´ÜÃß¿Í °°½À´Ï´Ù. HTML/CSS´Â »ý°¢¸¸Å­ ¹è¿ì±â°¡ ¼ö¿ùÇÏÁö°¡ ¾Ê½À´Ï´Ù.
ÀϹÝÀûÀ¸·Î ÃÖ¼Ò ¼ö °³¿ù ÀÌ»óÀÌ °É¸³´Ï´Ù.
½Ã°£ÀÌ ¸¹ÀÌ °É¸®´Â °¡Àå Å« ÀÌÀ¯´Â óÀ½ Äڵ带 Á¢ÇϹǷΠ³¸¼³±â ¶§¹®ÀÔ´Ï´Ù.
¹º°¡ ÀǵµÇÏ´Â °ÍÀ» Äڵ带 ÀÌ¿ëÇØ¼­ ¸í·ÉÀ» ³»¸°´Ù´Â °ÍÀº ¸·¿¬ÇÑ °Ô ¾Æ´Ò ¼ö ¾ø½À´Ï´Ù.
±×·¡¼­ óÀ½ ¹è¿ì´Â ºÐµé¿¡°Ô ÀÖ¾î °¡Àå Áß¿äÇÑ Á¡Àº ºê¶ó¿ìÀú ÀÔÀå¿¡¼­ »ý°¢ÇÏ´Â ÈÆ·ÃÀÔ´Ï´Ù.
º¸Åë HTML/CSS°¡ ´É¼÷ÇÑ °æ¿ì ¸Ó¸®¼ÓÀ¸·Î ¿¬»ó(»ý°¢)À» ÇÑ ÈÄ ÄÚµå·Î ¿Å±â°Ô µÇ´Âµ¥,
ÀÌ·¸°Ô µðÀÚÀÎµÈ ÀÛ¾÷¹°À» ¾î¶»°Ô ÄÚµå·Î ¸»ÇÒ Áö¸¦ »ý°¢ÇÏ´Â ÈÆ·ÃÀÌ °¡Àå Áß¿äÇÕ´Ï´Ù.
Äڵ尡 Àͼ÷ÇØ Áö±â±îÁö ½Ã°£ÀÌ ¸¹ÀÌ ÇÊ¿äÇÑ ÀÌÀ¯´Â ÀÌ·± ¿¬»ó°ú »ý°¢ÀÌ ¼ö¸¹Àº ½ÃÇàÂø¿À¸¦ ÅëÇØ¼­
¾Ë¾ÆÁö±â ¶§¹®ÀÔ´Ï´Ù. ÇÏÁö¸¸ ¾ð¾î¸¦ ÃÖÃÊ·Î ¹è¿ì´Â °úÁ¤¿¡¼­ ºê¶ó¿ìÀú ÀÔÀå¿¡¼­ ÀÌÇØÇϰí
¸Ó¸®¼ÓÀ¸·Î ±×¸± ¼ö ÀÖ´Â ¿¬½ÀÀ» ÇÑ´Ù¸é Á» ´õ ½±°í Àç¹Õ°Ô Àͼ÷ÇØÁö´Â °úÁ¤À» ¸¸µé ¼ö ÀÖ°í
»ó´çÇÑ ½Ã°£À» ÁÙÀÏ ¼ö ÀÖ½À´Ï´Ù.
±âÃÊÆí¿¡¼­´Â HTML°ú CSS¿¡ ´ëÇÑ ±âº»ÀûÀÎ ÀÌÇØ¿Í »ç¿ë¹ýÀ» ±×¸²°ú ¼³¸íÀ» ÅëÇØ ÃæºÐÈ÷ ÀÌÇØÇϰí,
¿¹Á¦¸¦ ÅëÇØ¼­ °³³äÀ» È®½ÇÇÏ°Ô ¸¸µé°Ô µË´Ï´Ù.
µðÀÚÀ̳ʰ¡ À¥Ç¥ÁØÀ» ¹è¿ì´Â µ¥ À־ °¡Àå ¾î·Á¿î ºÎºÐÀÎ floatÀ» ÀÌ¿ëÇÑ ¹èÄ¡¸¦
¿ÏÀüÈ÷ ÀÌÇØÇÏ´Â °Í¿¡ ÃÖÁ¾ÀûÀÎ Æ÷Ä¿½º¸¦ ¸ÂÃß°í ÀÖÀ¸¸ç, À̸¦ ÅëÇØ ¸·¿¬ÇÏ°í ¿ì¿¬È÷ µÇ¾îÁ³´ø
ÀÛ¾÷ÀÌ ¸íÈ®ÇÏ°Ô µÇ°í ÀÛ¾÷¿¡¼­ ¿Ö ÀÌ·¸°Ô ±úÁ®¼­ º¸ÀÌ´Â Áöµµ ÀÌÇØÇÏ°Ô µË´Ï´Ù.
¼¼ºÎ Ä¿¸®Å§·³

[01]
°³³ä°ú Áغñ

¿¹¼ú°ú ±â¼ú. À¶ÇÕÀÇ ½Ã´ë
¹Ìµð¾î¿Í ½Ã¸àƽÀ¥
À¥Ç¥ÁØ html/css ¼Ò°³
À¥Å¸ÀÔ¼ÂÆÃ¶õ?
¾î¶»°Ô ÀÍÈú°ÍÀΰ¡? (why & doing)
ÁغñÇϱâ (ºê¶ó¿ìÀú, ¿¡µðÅÍ, ±âŸµµ±¸, µµ¼­, ¾ÆÆ¼Å¬, ½Ã°£»ç¿ë°ú ¿¬½À¹æ¹ý)

[02]
½Ã¸àƽ ¸¶Å©¾÷

html ±âÃÊ ¹®¹ý
hello world!
Á¦¸ñ (heading)
¹®Àå (pragraph)
¸ñ·Ï (list)
À̹ÌÁö (image)
±×·ìÇÎ (grouping)
Àοë (quotation)
ºÎ°¡Á¤º¸ (additional)
°­Á¶ (strong)
¸µÅ© (link)
ÆäÀÌÁöÁ¤º¸ (page info)

[03]
±âÃÊ ½ºÅ¸Àϸµ

HTML¿¡ CSS Àû¿ëÇϱâ
CSS ±âÃÊ ¹®¹ý
reset.css ÁغñÇϱâ
id¿Í class »ç¿ëÇϱâ
±âÃʼ±ÅÃÀÚ, °¡»ó¼±ÅÃÀÚ
font ½ºÅ¸Àϸµ
text ½ºÅ¸Àϸµ
´ÜÀ§
»ó¼Ó
¿ì¼±¼øÀ§
¼Ó¼º¼±ÅÃÀÚ

[04]
¹Ú½º ´Ù·ç±â 1

¹Ú½º·Î »ý°¢Çϱâ
¹Ú½ºÀÇ ¼ºÁú
¹Ú½ºÀÇ Á¾·ù
³ÐÀÌ¿Í ³ôÀÌ
¿©¹é°ú °£°Ý
¼±±ß±â
¹è°æ»ö°ú ¹è°æÀ̹ÌÁö
overflow, display, visibillity

°­ÀÇ
Æ÷Æ®Æú¸®¿À
½Ç¹« ¼öÁØÀÇ À¥»çÀÌÆ®¸¦ ½º½º·Î ÄÚµù
À¥Ç¥ÁØ ½Ç¹« ½ºÆ©µð¿À °­ÀÇ¿¡ Âü¿©ÇÑ ÇлýµéÀº ¾Æ·¡¿Í °°Àº ¼öÁØÀÇ
À¥»çÀÌÆ®¸¦ Á÷Á¢ ÄÚµùÇØ¼­ Á¦ÀÛÇÏ°Ô µË´Ï´Ù.
°­»ç¿¡
°üÇÏ¿©
Á¤À»¼ö

(Çö) ÇÁ¸®·£¼­ µð·ºÅÍ ¹× µðÀÚÀ̳Ê
(Çö) º½¾ÆÄ«µ¥¹Ì À¥Ç¥ÁØ °­»ç
(Àü) ÆæÅ¸ºê¸®µå ¼ö¼® µð·ºÅÍ
(Àü) ¸Þ°¡Á¸ À¥Ç¥ÁØÈ­ ÆÀÀå

2014~ÇöÀç, Vom Academy À¥Ç¥ÁØ °­ÀÇ
2013~ÇöÀç, (»ç)Çѱ¹ÀÎÅͳÝÀü¹®°¡Çùȸ À¥Ç¥ÁØ °­ÀÇ
2011~2014, ¾ÆÄ«µ¥¹ÌÁ¤±Û À¥Ç¥ÁØ °­ÀÇ
2013. Çѱ¹µðÀÚÀÎÁøÈï¿ø ±¹°¡±â°£Àü·«»ê¾÷Á÷Á¾
UX/UI µðÀÚÀÎ 4±â ±³À°
2013. Godpeople.com µðÀÚÀÎÆÀ À¥Ç¥ÁØ ±³À°
2013. ¿¡½º¿ø À¥»çÀÌÆ® À¥Á¢±Ù¼º °íµµÈ­ (µð·ºÅÍ)
2012. ¿¡½º¿ø À¥»çÀÌÆ® ±¸Ãà (PM)
2012. Çö´ë ¾Æ»êÁ¤ÁÖ¿µ À¥»çÀÌÆ® ±¸Ãà (PM)
2012. Çö´ëÀÚµ¿Â÷±¹³»ÆÇ¸Å À¥»çÀÌÆ® ±¸Ãà (UI µð·ºÅÍ)
2012. »ï¼ºHSPOSM À¥»çÀÌÆ® ±¸Ãà (PM)
2012. ÄÚ½ºÄÞ À¥Á¢±Ù¼º °íµµÈ­ (PM)
2011. U+ ÅëÇÕÀ¥»çÀÌÆ® ±¸Ãà (UI°³¹ß PL)
2010. ½ÅÇÑÄ«µå À¥»çÀÌÆ® (UI°³¹ß PL)
2009. »ï¼º¸ð¹ÙÀÏ´åÄÄ À¥»çÀÌÆ® (UI°³¹ß PL)

°­ÀÇ
µÞ À̾߱â
ÀÌ·± ½Ã°£ÀÌ µÇ¾ú¾î¿ä
"¾È³çÇϼ¼¿ä ¼±»ý´Ô. Àú ¸Ç ¾Õ¿¡¼­ µé¾ú´ø ÇлýÀÌ¿¡¿ä. °³³äÀÌ Á¦´ë·Î ÀâÈ÷´Â °Í °°¾Æ¼­ ³Ê¹« ¸¸Á·½º·¯¿ö¿ä.
ƯÈ÷ ÇÃ·Ô °³³äÀ» Àß ¾Ë°Ô µÇ¾î¼­ ±â»µ¿ä ^^ Ç×»ó ÁÁÀº ¼ö¾÷ Àü´ÞÇØ Áּż­ °¨»çÇÕ´Ï´Ù."
"¸¶³É ¾î·Á¿î ¿Ü°è¾î·Î¸¸ º¸ÀÌ´Â ÄÚµùÀ̾ ¾öµÎµµ ¸ø³»´ø Â÷¿¡, °­»ç´ÔÀÌ µðÀÚÀÌ³Ê Ãâ½ÅÀ̽ø鼭 ¼³¸íÀ»
¸Å¿ì ½±°Ô ÇØ ÁֽŴٴ ÃßõÀ» ¹Þ°í °­ÀǸ¦ µè°Ô µÇ¾ú½À´Ï´Ù.
Ãßõ¹ÞÀº ´ë·Î ÇÑ ´Þ µ¿¾È ¹è¿î °­ÀÇ ³»¿ëÀÌ ¾ËÂ÷°Ô ¸Ó¸® ¼Ó¿¡ Á¤¸®µÇ¾ú¾î¿ä.
°¨»çÇϱ¸¿ä! ¿äÁò ÁÖº¯ µðÀÚÀÎ Àü°ø Ä£±¸µé¿¡°Ôµµ ÃßõÁßÀԴϴ٠ȣȣ~"
"Á¤À»¼ö °­»ç´Ô, ÀÌ ¾î·Á¿î HTMLÀ» °øºÎÇÒ ¼ö ÀÖ´Ù´Â ¸¾À» ¸Ô°Ô µÈ °ÍÀº ¼øÀüÈ÷ ¼±»ý´Ô °­Àǰ¡ À־ ÀÔ´Ï´Ù. ^^
Áö±Ýµµ ¾Ë½ö´Þ½ö ÇÏÁö¸¸ °è¼Ó °øºÎÇÏ¿© ¼Õ¿¡ ÀÍ´Â ±×³¯±îÁö ÇØº¸·Á±¸¿ä. "
"À¯Àç¿ë ½ÇÀå´Ô ¼Ò°³·Î ¼ö°­À» µè°Ô µÇ¾ú½À´Ï´Ù. À¥Ç¥ÁØ, HTML, CSS ¡¦ ¸·¿¬ÇÏ°Ô »ý°¢ÇÏ´ø °³³äÀ» ½±°í Àç¹Õ°Ô
°¡¸£ÃÄ Áּż­ µè´Â ³»³» ÁýÁßÇÏ°Ô µÇ¾ú±¸¿ä. µðÀÚÀθ¸ ¿À·¡ ÇÏ´Ù°¡ »õ·Î¿î ºÐ¾ß¿¡ ù ¹ßÀ» Àß ³»µò °Í °°¾Æ¼­ ÁÁ±¸¿ä~
¾ÕÀ¸·Î ±Ã±ÝÇÑ »çÇ×À̳ª Áú¹®µé Áö¼ÓÀûÀ¸·Î Ä¿¹Â´ÏÄÉÀ̼ÇÀÌ µÇ¾úÀ¸¸é ÁÁ°Ú½À´Ï´Ù."
"±âÃʺÎÅÍ Â÷±ÙÂ÷±Ù µè´Ùº¸´Ï ÀÌÇØµµ Àß µÇ°í À¯ÀÍÇÑ °­ÀÇ¿´½À´Ï´Ù.
^_^ °­ÀÇ ÇϽôÀ¶ó ¼ö°í ¸¹À¸¼Ì±¸¿ä Ã߿ °¨±â Á¶½ÉÇϼ¼¿ë~ °¨»çÇÕ´Ï´Ù ^^"
"¾Ë±â ½±°Ô ¼³¸íÇØ Áּż­ ±×µ¿¾È ±Ã±ÝÇß´ø ºÎºÐµéÀÌ ½Ï~ ÇØ°áµÇ´Â ´À³¦À̾ú¾î¿ä.
½Ç¹«¿¡µµ ¸¹Àº µµ¿òÀÌ µÇ°í ÀÖ¾î¿ä. ±âȸ°¡ µÈ´Ù¸é Çѹø ´õ µè°í ½Í³×¿ä. ^^"
"¾ÆÁ÷±îÁö ¸¹ÀÌ ºÎÁ·ÇÏÁö¸¸ À¥Ç¥ÁØÀÇ °³³äÀÌ ÀÚ¸® ÀâÈ÷°Ô µÇ¼­ ³Ê¹«³ª ÁÁ¾Ò½À´Ï´Ù.
±¸Á¶³ª ¿©·¯ ¹æ¸é¿¡¼­ ¾ÆÁ÷ °øºÎÇØ¾ßÇÏ°í »ý°¢ÇÒ °ÍµéÀÌ ¸¹Áö¸¸ ¿­½ÉÈ÷ ³ë·ÂÇØ¼­ °¡¸£ÃÄ ÁֽŠºÎºÐµé
ÀØÁö ¾Ê°í ¹ßÀüÇØ ³ª°¡°Ú½À´Ï´Ù. ±×µ¿¾È ¼ö°íÇϼ̾î¿ä!!"
"À¥Ç¥ÁØ ½ÇÀüÆíÀ̶ó ¾î·Á¿ö Ȥ½Ã¶óµµ ¼ö¾÷¿¡ µû¶ó°¡Áö ¸øÇÒ±îºÁ °ÆÁ¤µµ µÇ¾úÁö¸¸ °­»ç´ÔÀÌ ÇϳªÇϳª ÀÚ¼¼È÷
¾Ë·ÁÁּż­ À¥Ç¥ÁØ °øºÎ¿¡ Å« µµ¿òÀÌ µÇ¾ú°í Àڽۨµµ ºÙÀº °Í °°½À´Ï´Ù. ¼ö°­»ý ÇѸí ÇѸéÀÇ ´«³ôÀÌ¿¡ ¸ÂÃá °­ÀǶó
³Ê¹« Àç¹ÌÀÖ°Ô ¹è¿ï ¼ö ÀÖ¾ú½À´Ï´Ù. Áö³­ 3°³¿ùµ¿¾È ¼ö°í ¸¹À¸¼Ì°í °¨»çÇÕ´Ï´Ù. ^_^"
"º½¾ÆÄ«µ¥¹Ì¿¡¼­´Â ¸ÅŲÅä½Ã¸¦ »ç¿ëÇÏ´Â »õ·Î¿î °æÇèÀ» ÇÒ ¼ö À־ ÁÁ¾Ò½À´Ï´Ù.
Á¤À»¼ö °­»ç´ÔÀÌ ½Ç¹«¿¡¼­ ÇØ¿Â ³ëÇϿ츦 Àß ¼³¸íÇØÁÖ½Ã°í ¸ð¸£´Â ºÎºÐµéÀº ÀÌÇØÇϱ⠽±°Ô ¾Ë·ÁÁּż­ Çö¾÷¿¡¼­
»ç¿ëÇϱ⿡ ³Ê¹« ÁÁÀº °Í °°½À´Ï´Ù."
"¼ö°­»ýµéÀÌ ÀÌ·¸°Ô ÇÏ¸é ¾î¶³±î¿ä ÇÒ¶§ "±×°Íµµ ÁÁÀº »ý°¢À̳׿ä" Çϸ鼭 ÇÑ ¹æÇâÀÇ ÀϹæÀûÀÎ ¼ö¾÷ÀÌ ¾Æ´Ï¶ó
¼­·Î ÀǰßÀ» ÁÖ°í ¹ÞÀ» ¼ö ÀÖ´Â ¼ö¾÷ÀÌ¶ó¼­ Çлýµé¿¡°Ô »ý°¢ÇÒ ¼ö ÀÖ´Â ±âȸµéÀ» ÁÖ°í Àû¿ëÇÏ°Ô µÇ´Â ¼ö¾÷ÀÔ´Ï´Ù."
Áú¹® ÀÖ¾î¿ä
´õ ±Ã±ÝÇÑ°Ô ÀÖ¾î¿ä.
Q. ÄÚµå ÀüÇô ¸ð¸£´Â »ç¶÷µµ ÀÌ °úÁ¤À» µèÀ» ¼ö ÀÖÀ»±î¿ä?
A. º» °úÁ¤ÀÇ ¼ö°­»ýÀº ´ëºÎºÐÀÌ ºñÀü°øÀÚÀ̸ç, ±âÃʺÎÅÍ Â÷±ÙÂ÷±Ù ´«³ôÀÌ¿¡ ¸ÂÃç °­ÀǸ¦ ÁøÇàÇÕ´Ï´Ù.
À¥ÆÛºí¸®¼Å °úÁ¤ÀÇ Æ¯¼º»ó ³í¸®ÀûÀÎ »ç°í¿Í ¹®Á¦ ÇØ°á ´É·ÂÀ» ÇÊ¿äÇÏÁö¸¸ °³ÀÎÀÇ ¿­Á¤°ú ³ë·ÂÀÌ ÀÖ´Ù¸é
¼ö¾÷À» µû¶ó°¡½Ã´Â µ¥ ¹«¸®°¡ ¾øÀ» °ÍÀÔ´Ï´Ù.
Q. º» °­ÀǸ¦ µè±â À§ÇØ ¸ÕÀú ¹è¿ö¾ß ÇÒ ³»¿ëÀÌ ÀÖ³ª¿ä?
A. Çʼö ¼±Çà °úÁ¤Àº ¾øÀ¸³ª, HTMLű×, CSS ¼Ó¼ºÀÇ ±âÃÊ¿¡ ´ëÇØ ¾î´À Á¤µµ °øºÎ¸¦ ÇÏ°í ¿À½Ã¸é
¼ö¾÷À» ÀÌÇØÇÏ°í »çÀÌÆ®¸¦ ¸¸µå´Â µ¥ µµ¿òÀÌ µË´Ï´Ù.
Q. º» °úÁ¤¸¸À¸·Î À¥ÆÛºí¸®¼Å°¡ µÉ ¼ö ÀÖÀ»±î¿ä?
A. ÁÁÀº À¥ÆÛºí¸®¼Å°¡ µÇ´Â °ÍÀº Á»´õ Àå±âÀûÀ¸·Î º¸´Â °ÍÀÌ ÁÁ½À´Ï´Ù. º» ¼ö¾÷¿¡¼­ À¥ÆÛºí¸®¼Å·Î¼­ÀÇ ±âº» ¿ø¸®¿Í
±â¼ú ±¸Çö¿¡ ´ëÇÑ ±íÀº ÀÌÇØ¸¦ ¹ÙÅÁÀ¸·Î, ¿­Á¤À» °¡Áö°í ¹Ýº¹ ÈÆ·ÃÇÏ½Å´Ù¸é ¼ö¾÷ ÈÄ¿¡ À¥ÆÛºí¸®¼Å·Î
ÁÁÀº ½ÃÀÛÀ» ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
Q. °­ÀÇ ÈÄ¿¡ °úÁ¦´Â ¾î´Â Á¤µµ ³» Áֽóª¿ä?
A. °­Àǽ𣿡 ¹è¿î³»¿ë¿¡ ´ëÇÑ º¹½ÀÀ» À§ÇÏ¿© °úÁ¦·Î ³»ÁÖ°í ÀÖÀ¸¸ç,
´Ù¾çÇÑ ½Ç¹« °úÁ¦ ºÎ¿© ÈÄ °³º° Çǵå¹éÀ» Á¦°øÇÕ´Ï´Ù.
Q. ÁÖ 2~3ȸ °­ÀÇ·Î ÃæºÐÇÑ ±³À°À» ¹ÞÀ» ¼ö ÀÖÀ»±î¿ä?
A. ¼ö¾÷¿¡¼­ ÇÙ½É °³³ä°ú Áö½ÄÀ» ¹è¿ì°í ½Ç½ÀÀ» ÇÏÁö¸¸, ¼ö°­½Ã°£ À̿ܿ¡´Â º»ÀÎÀÇ ÀÇÁö¸¦ °¡Áö°í
½Ç¹« ´É·Â Çâ»óÀ» À§ÇÑ ¹Ýº¹ ÈÆ·ÃÀ» ÇϽô °ÍÀ¸·Î »ý°¢ÇϽô °ÍÀÌ ¹Ù¶÷Á÷ ÇÕ´Ï´Ù.
Q. Áö±Ý Á÷Àå¿¡¼­ ÀÏÀ» º´ÇàÇϸ鼭µµ ¼ö°­ÀÌ °¡´ÉÇÒ±î¿ä?
A. Àϰú º´ÇàÇÏ¿© ¼ö¾÷À» µéÀ¸½Ã´Â ¼ö°­»ý ºÐµéÀÌ ¸¹½À´Ï´Ù. ¼ö¾÷½Ã°£¿¡ ÁýÁßÇϰí, º¹½ÀÀº ½Ã°£ÀÌ ³ª´Â ´ë·Î
²ÙÁØÈ÷ Çϰí, ¿ÀÈ÷·Á ¹è¿òÀÇ ³»¿ëÀ» ÇϽô ¾÷¹«¿¡ ¹Ù·Î ¿¬°áÇØ °¡½Ã¸é
´õ ½ÇÁ¦ÀûÀ̰í ÁÁÀº ¼ºÀå°ú °á°ú¸¦ ¾òÀ» ½Ç ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
Q. µû·Î °³Àκ° Áغñ¹°ÀÌ ÇÊ¿äÇѰ¡¿ä?
A. °­Àǽǿ¡´Â ½Ç½ÀÀ» À§ÇÑ iMac PC°¡ °³Àκ°·Î ¼¼ÆÃµÇ¾î ÀÖ°í, À¥ÆÛºí¸®¼Å °úÁ¤ ÁøÇà¿¡ ÇÊ¿äÇÑ
ÅØ½ºÆ® ¿¡µðÅÍ(Sublime Text), Æ÷Åä¼¥ ÇÁ·Î±×·¥ÀÌ ¼³Ä¡µÇ¾î ÀÖ½À´Ï´Ù.
°³Àκ°·Î °£´ÜÇÑ Çʱ⵵±¸¸¸ ÁغñÇØ¿À½Ã¸é µË´Ï´Ù.
¼ö°­À» ÇÏ·Á¸é
¼ö°­ ½Åû ¾È³»
¼ö°­ »ó´ã ¹× ½ÅûÀ» ¿øÇϽøé ȨÆäÀÌÁö °Ô½ÃÆÇÀ̳ª ÀüÈ­(02-325-1500)·Î ¿¬¶ôÁÖ¼¼¿ä.

¼ö°­ Èıâ

¼ö°­ Èıâ

Èı⾲±â

review ¸®½ºÆ®
µî·ÏµÈ ¸®ºä°¡ ¾ø½À´Ï´Ù.
ºñ¹Ð¹øÈ£ È®ÀÎ ´Ý±â