Today at Vom
Class of Vom
Portfolio of Vom
Who we are
Contact Vom
HTML/CSS Portfolio: Responsive Web

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

|  2019.01.12(Åä)~2019.05.11(Åä)
|  ÁÖ 1ÀÏ(Åä) 09:30~13:30
|  Á¤À»¼ö
|  20¸í(¼±Âø¼ø ¸ðÁý)
|  936000

¼ö°­ ½Åû


°­ÀÇ¿¡
µé¾î°¡¸ç
ÀÌÁ¦ ÄÚµùÀ¸·Î ½ºÆå¾÷!
µðÀÚÀΰú ±â¼úÀÇ °æ°è¸¦ ³Ñ¾î¶ó
º» °­ÀÇ´Â ´Ü¼øÇÑ ¼Ó¼º À§ÁÖÀÇ °­Àǰ¡ ¾Æ´Õ´Ï´Ù.
±íÀÌ ÀÖ°í Æø³ÐÀº ÀÌÇØ¿Í ½Ã¾ß¸¦ ¹ÙÅÁÀ¸·Î ü°èÀûÀÌ°í ´Ü°èÀûÀÎ ÈÆ·ÃÀ» ÅëÇØ
½Ç¹«¿¡¼­µµ ÀÀ¿ë ÇÒ ¼ö ÀÖ´Â Âü ´É·ÂÀÌ µÇµµ·Ï ÇÏ´Â °ÍÀÌ ¸ñÇ¥ÀÔ´Ï´Ù.
¾Æ´Â °Í VS ÇÒ ¼ö ÀÖ´Ù´Â °Í
¾î? ÄÚµù Á» ÇÒ ÁÙ ¾Æ³×! ºóÆ´ ¾ø´Â ÄÚµù ½Ç·ÂÀ¸·Î Àü¹®¼ºÀ» ³ôÀ̰í Ãë¾÷ ºÐ¾ß¸¦ ³ÐÇôÁÖ´Â º½¾ÆÄ«µ¥¹ÌÀÇ ±³À°°úÁ¤
À¥Ç¥ÁØÀ» °¡¸£Ä¡´Â °÷Àº ¸¹½À´Ï´Ù.
±×·¯³ª ü°èÀûÀÎ Ä¿¸®Å§·³À¸·Î ¼ö°­»ýÀÌ Â÷±ÙÂ÷±Ù ¹è¿ö³ª°¡´Â Áñ°Å¿òÀ» ´©¸± ¼ö ÀÖ´Â °÷Àº ¸¹Áö ¾Ê½À´Ï´Ù.
º½¾ÆÄ«µ¥¹ÌÀÇ À¥ÆÛºí¸®¼Å ¾ç¼º °úÁ¤Àº ºóÆ´ ¾ø´Â ÄÚµù ´É·ÂÀ» °®ÃãÀ¸·Î½á ¾÷¹«ÀÇ Àü¹®¼ºÀ» ³ôÀ̰í
Ãë¾÷ ºÐ¾ß¸¦ ³ÐÇôÁÖ´Â °ÍÀ» ±³À° ¸ñÇ¥·Î »ï°í ÀÖ½À´Ï´Ù
°­ÀÇ ´ë»ó
ÀÌ·± ºÐµé¿¡°Ô ÃßõÇÕ´Ï´Ù!
±×´ë ¾È¿¡ ¾ÆÁ÷ ²ÉÇÇ¿ìÁö ¾ÊÀº ¹«ÇÑÇÑ °¡´É¼ºÀÌ ³²¾Æ ÀÖ½À´Ï´Ù.

À¥ÆÛºí¸®¼Å Æ÷Æ®Æú¸®¿À¸¦
¸¸µé°í ½ÍÀº 19»ì ±è ±º


µðÀÚÀÎ ºÐ¾ß¿¡ ±Þ Èï¹Ì¸¦
´À³¤ Ãë¾÷Áغñ»ý ÃÖ ¾ç


Àû¼º¿¡ ¸ÂÁö ¾Ê¾Æ
ȸ»ç¸¦ ¹ÚÂ÷°í ³ª¿Â ¿À ´ë¸®


»õ·Î¿î µµÀüÀ» ÁغñÇÏ´Â
ÀÚ¿µ¾÷ÀÚ ¹Ú ´ëÇ¥

°­ÀÇ
ÁÖ¿ä Æ¯Â¡
¿À·£ °­ÀÇ °æÇèÀ» ÅëÇØ ¿Ï¼ºÇÑ Ä¿¸®Å§·³
º½¾ÆÄ«µ¥¹ÌÀÇ ¡®À¥ÆÛºí¸®¼Å ¾ç¼º °úÁ¤¡¯Àº ±×·¡ÇȵðÀÚÀ̳ʷΠ½ÃÀÛÇØ¼­ À¥Ç¥ÁØÀ» µ¶ÇÐÀ¸·Î °øºÎÇÏ¿©
ÆæÅ¸ºê¸®µå ¼ö¼® µð·ºÅÍ·Î ±Ù¹«Çß´ø Á¤À»¼ö °­»ç°¡ ¼¼½ÉÇÏ°Ô ¿¬±¸Çϰí,
¿À·£ °­ÀÇ °æÇèÀ» ÅëÇØ ¿Ï¼ºÇÑ Ä¿¸®Å§·³À¸·Î ÁöµµÇÕ´Ï´Ù.
  • HTML/CSS Äڵ带 ±âÃʺÎÅÍ Â÷±ÙÂ÷±Ù ¹è¿î µÚ ¾÷±×·¹À̵å
    ±â¾÷¿¡¼­ ¿øÇÏ´Â ÄÚµù ´É·ÂÀ» °®Ãß´Â °ÍÀÌ ´Ü±â°£¿¡ ½±°Ô µÇÁö´Â ¾Ê½À´Ï´Ù. º» °úÁ¤Àº HTML/CSS Äڵ带
    ±âÃʺÎÅÍ Â÷±ÙÂ÷±Ù ¹è¿î µÚ ¾÷±×·¹À̵åÇØ ³ª°¡°Ô µË´Ï´Ù. ¶ÇÇÑ °­»ç·ÎºÎÅÍ ½ÀµæÇÑ Áö½ÄÀ» º¹½ÀÇϰí,
    ¼ö°­»ý³¢¸® »ý°¢À» ±³·ùÇÏ¿© »ç°íÀÇ ±ÙÀ°À» Ű¿ì¸ç °³ÀÎÀÇ ºÎÁ·ÇÑ ºÎºÐÀ» ä¿ï ¼ö ÀÖµµ·Ï ½ºÅ͵ð±×·ìÀ»
    ÁøÇàÇÕ´Ï´Ù.
  • Ä¿¹Â´ÏÄÉÀÌ¼Ç ´É·Â ¹× ½ÇÀü ¾÷¹« °æÇè
    ±â¾÷¿¡¼­´Â È¥ÀÚ°¡ ¾Æ´Ñ ÆÀ ´ÜÀ§·Î ¾÷¹«¸¦ ÃßÁøÇÕ´Ï´Ù. º» °úÁ¤¿¡¼­ °­»çÀÇ Áöµµ¾Æ·¡ ¼ö°­»ý³¢¸®
    ÆÀÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇÏ°Ô µË´Ï´Ù. ÀÚ½ÅÀÇ ¾ÆÀ̵ð¾î¸¦ Á¤¸®Çؼ­ Á¦½ÃÇϰí, °¢ÀÚÀÇ ÀǰßÀ» ±³·ùÇϸç
    ¹ßÀü½ÃÄѳª°¨À¸·Î½á ȸÀǸ¦ ÁøÇàÇÏ´Â µ¥ ÇÊ¿äÇÑ Ä¿¹Â´ÏÄÉÀÌ¼Ç ´É·ÂÀ» Ű¿ì°í, Åä·Ð¿¡¼­ µµÃâµÈ °á·ÐÀ»
    ±¸ÇöÇØº½À¸·Î½á ½ÇÀü ¾÷¹«¸¦ °æÇèÇÏ°Ô µË´Ï´Ù.
  • Àá±ñ! °­ÀǸ¦ ¼ö°­Çϱâ Àü¿¡ ¾Ë¾ÆµÑ Á¡Àº?
    ¡ØµðÀÚÀο¡ ´ëÇÑ ±âÃÊÁö½Ä°ú ÇöÀç ¼öÁØÀ» Å×½ºÆ® ¹ÞÀº µÚ °úÁ¤¿¡ ´ëÇÑ Âü¿© ÀÇÁö¿Í ¿­Á¤,ŵµ¸¦
    È®ÀÎÇÏ´Â ÀÎÅͺ䰡 ÁøÇàµË´Ï´Ù. º» °úÁ¤À» ¿øÈ°È÷ ÁøÇàÇϰí, ¼ö°­»ýÀÌ °Þ´Â ½ÃÇàÂø¿À¸¦ ÁÙÀ̱âÀ§ÇØ
    ÀÎÅͺ並 Åë°úÇÑ ºÐ¸¸ÀÌ º» °úÁ¤À» ¼ö°­ÇÏ°Ô µË´Ï´Ù.
°­ÀÇ
Ä¿¸®Å§·³
°­ÀÇ´Â ¾î¶»°Ô ÁøÇà µÇ³ª¿ä?
¸Ó¸®·Î ÀÌÇØµÇ°í ¼ÕÀ¸·Î Àͼ÷ÇØÁ® ½º½º·Î ÀÀ¿ëÇÒ ¼ö ÀÖÀ» ¸¸Å­ÀÇ ½Ç·ÂÀ» °®Ãâ ¼ö ÀÖµµ·Ï
±íÀÌ ÀÖ°í Æø³ÐÀº ÀÌÇØ¿Í ½Ã¾ß¸¦ ¹ÙÅÁÀ¸·Î ü°èÀûÀÌ°í ´Ü°èÀûÀÎ ÈÆ·ÃÀ¸·Î ÁøÇàµË´Ï´Ù.


¼¼ºÎ Ä¿¸®Å§·³

[01]
¹èÄ¡Çϱâ(1)

À¥¿¡¼­ÀÇ ¹èÄ¡¶õ?
¸¶Å©¾÷¿¡¼­ ¹èÄ¡±îÁö
°ü°è¼º ÀÖ´Â ¹èÄ¡

[02]
¹èÄ¡Çϱâ(2)

ÇÃ·ÔÆÃ
Ŭ¸®¾î¸µ

[03]
¹èÄ¡Çϱâ(3)

°ü°è¼ºÀÌ ¾ø´Â ¹èÄ¡
position
visual stack level

[04]
Æû

ÀԷ¾ç½Ä ±âº»
Á¢±Ù¼º ÀÖ´Â ¾ç½Ä

[05]
Ç¥

ǥ¥±â ±âº»
Á¢±Ù¼º Àִ ǥ

[06]
±¸Á¶¼³°è¿Í ·¹À̾ƿô

ÀüüÀûÀÎ ÄÁÅÙÃ÷¿Í µðÀÚÀÎÀ» °ËÅäÇÏ¿©
CSS±¸Á¶¿Í ·¹À̾ƿô ±¸Á¶¸¦ ¼³°èÇϱâ

[07]
±âº»Á¤º¸ ÆäÀÌÁö

ÄÁÅÙÃ÷¿¡ ´ëÇÑ ±¸Á¶ÀûÀÎ °üÁ¡ÀÇ ³×À̹ÖÇϱâ

[08]
Á¦Ç°¼Ò°³ ÆäÀÌÁö

µ¿ÀÏÇÑ ÄÁÅÙÃ÷¸¦ ÃÖ¼ÒÇÑÀÇ CSS¸¦ »ç¿ëÇÏ¿©
È¿À²¼º ÀÖ°Ô ÀÛ¾÷Çϱâ

[09]
¼­ºñ½º¼Ò°³ ÆäÀÌÁö

°¢±â ´Ù¸¥ ÄÁÅÙÃ÷µéÀ» °ü¸®Çϱ⠽±µµ·Ï ±ÔÄ¢À» ¸¸µé±â

[10]
ÀϹݾç½Ä°ú ȸ¿ø°¡ÀÔ

µðÀÚÀÎ »óȲÀ» °í·ÁÇÑ Á¢±Ù¼ºÀÖ´Â ÀԷ¾ç½Ä

[11]
°Ô½ÃÆÇ/Ç¥

ÇÑ »çÀÌÆ®¿¡ »ç¿ëµÇ´Â ´Ù¾çÇÑ Å×ÀÌºí ½ºÅ¸ÀÏ ¸ðµâÈ­

[12]
ºê·¡µåÄ¿·³½º / ¼­ºê¸Þ´º / DzÅÍ

Á¢±Ù¼ºÀ» °í·ÁÇÑ ¸¶Å©¾÷ À§Ä¡¼±Á¤°ú
È®À强ÀÖ´Â ¸Þ´º¿Í DzÅÍ ¸¸µé±â

[13]
»ó´Ü¸Þ´º

ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ °í·ÁÇϰí È®À强 ÀÖ´Â
¸Þ´º¸¦ À§ÇÑ ¸¶Å©¾÷°ú ½ºÅ¸Àϸµ

[14]
¸ÞÀÎ ÆäÀÌÁö

Á¶¹ÐÇÏ°í º¹ÀâÇÑ ¸ÞÀÎ ÆäÀÌÁö ÀÛ¾÷Çϱâ

[15]
ÅëÇÕ ÀÀ¿ë ½Ç½À Å×½ºÆ®

À¥Ç¥ÁØ ±âÃÊ ÀÀ¿ëÀ» Å×½ºÆ®ÇØ º¼ ¼ö ÀÖ´Â ½Ç±â ½ÃÇè

[16]
ÀÌÇØ¿Í Á¢±Ù

¸ÖƼµð¹ÙÀ̽º ÄÁÅÙÃ÷ ¼³°è¿¡ ´ëÇÑ ¿ì¼±¼øÀ§

[17]
Ç÷çÀÌµå ·¹À̾ƿô

À¯¿¬ÇÑ Å©±âÁ¦¾î,´ÜÀ§,ÆùÆ®,·¹À̾ƿô ¼³°è

[18]
¹Ìµð¾î Äõ¸®

¹Ìµð¾î Äõ¸®¶õ,ºäÆ÷Æ®,»ç¿ë¹æ¹ý

°­»ç¿¡
°üÇÏ¿©

Á¤ À» ¼ö

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

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)

Æ÷Æ®Æú¸®¿À
100% ½º½º·Î ÄÚµùÇÑ ¹ÝÀÀÇü
À¥»çÀÌÆ® Æ÷Æ®Æú¸®¿À Á¦ÀÛ
À¥ÆÛºí¸®¼Å ½ºÆä¼È¸®½ºÆ® °­ÀÇ¿¡ Âü¿©ÇÑ ÇлýµéÀº ¾Æ·¡¿Í °°Àº ¼öÁØÀÇ
¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ Á÷Á¢ Á¦ÀÛÇÏ°Ô µË´Ï´Ù.
Áø·Î ºÐ¾ß
À¥ÆÛºí¸®¼Å ¾ç¼º °úÁ¤ Áø·Î ºÐ¾ß
À¥ÆÛºí¸®¼Å ¾ç¼º °úÁ¤¿¡ Âü¿©ÇÑ ÇлýµéÀÇ Áø·Î ºÐ¾ß´Â ´ÙÀ½°ú °°½À´Ï´Ù.
Áú¹® ÀÖ¾î¿ä
´õ ±Ã±ÝÇØ¿ä
Q. Äڵ带 ÀüÇô ¸ð¸£´Â »ç¶÷µµ ÀÌ °úÁ¤µé µéÀ» ¼ö ÀÖ³ª¿ä?
A. ¿¹, °¡´ÉÇÕ´Ï´Ù. º» °úÁ¤Àº ºñÀü°øÀÚÀÇ ´«³ôÀÌ¿¡¼­ ±âÃʺÎÅÍ Â÷±ÙÂ÷±Ù ¹è¿ï ¼ö ÀÖµµ·Ï ÁøÇàÇÕ´Ï´Ù.
    °úÁ¤ÀÌ ÁøÇàµÇ´Â µ¿¾È ±³À° ³»¿ëÀ» ÀÌÇØÇϰí, Àß µû¶ó¿Â´Ù¸é ÁÁÀº °á½ÇÀ» ¸ÎÀ» ¼ö ÀÖ½À´Ï´Ù.
Q. °­ÀǸ¦ ¸¶Ä¡¸é °úÁ¦´Â ¾î´À Á¤µµÀΰ¡¿ä?
A. ¹è¿î ³»¿ë¿¡ ´ëÇÑ º¹½ÀÀ» À§ÇØ °úÁ¦¸¦ ºÎ¿©Çϰí ÀÖ½À´Ï´Ù. °úÁ¦¿¡ ´ëÇÑ Çǵå¹éÀ» °³º°ÀûÀ¸·Î Á¦°øÇÕ´Ï´Ù.
Q. ¼ö¾÷ Áغñ¹°ÀÌ ÇÊ¿äÇѰ¡¿ä?
A. ¾Æ´Ï¿À. °­Àǽǿ¡¼­ ½Ç½ÀÇÒ ¼ö ÀÖ´Â ¾ÆÀÌ¸Æ PC°¡ ¼¼ÆÃµÇ¾î ÀÖ°í, ¾îµµºñ»çÀÇ ÀÏ·¯½ºÆ®·¹ÀÌÅÍ¿Í Æ÷Åä¼¥ ÃֽйöÀüÀÌ
    ¼³Ä¡µÇ¾î ÀÖ½À´Ï´Ù. ¹°·Ð, °³ÀÎ ³ëÆ®ºÏÀ» ÁöÂüÇϼŵµ µÇ¸ç, °£´ÜÇÑ Çʱ⵵±¸¿Í Á¾À̸¦ ÁغñÇØ¿À¸é µË´Ï´Ù. ±³Àç´Â
    ÀÚü Á¦ÀÛµÈ ±³¾ÈÀ» ¹«»óÀ¸·Î ¹èÆ÷ÇÕ´Ï´Ù.
Q. º» °úÁ¤À» ¸¶Ä¡¸é À¥ÆÛºí¸®¼Å°¡ µÉ ¼ö ÀÖ³ª¿ä?
A. ¿¹,À¥ÆÛºí¸®¼Å°¡ µÉ ¼ö ÀÖ½À´Ï´Ù.ÇÏÁö¸¸ ÁÁÀº À¥ÆÛºí¸®¼Å°¡ µÇ±â À§Çؼ­´Â Á» ´õ Àå±âÀûÀ¸·Î º¸´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
    º» °úÁ¤À» ÅëÇØ ±âº»±â¸¦ ´ÙÁö°í ÀÚ¹Ù½ºÅ©¸³Æ®¿Í Á¦ÀÌÄõ¸® µîÀ» °øºÎÇÏ¿© º»ÀÎÀÇ ½Ç¹« ´É·ÂÀ» ´õ Ű¿ì½Å´Ù¸é À¯´ÉÇÑ
    À¥ÆÛºí¸®¼Å°¡ µÉ ¼ö ÀÖ½À´Ï´Ù.
º» °úÁ¤¿¡ ´ëÇØ ´õ ±Ã±ÝÇÑ »çÇ×Àº »ó´ãÀ» ÅëÇØ ÀÚ¼¼È÷ ¾È³» ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.

¼ö°­ Èıâ

Èı⾲±â

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