±×·¯¹Ç·Î À¥µðÀÚÀ̳ʴ ũ¸®¿¡ÀÌÆ¼ºêÇÑ ½Ã°¢ ¾ð¾î¸¦ ±ÔÄ¢ ¾È¿¡ ´ã¾Æ ³»¾î
ÇöÀå°¨ ÀÖ´Â µðÀÚÀÎÀ» ¸¸µé¾î ³¾ ¼ö ÀÖ¾î¾ß ÇÕ´Ï´Ù.
10³â ÀÌ»óÀÇ ½Ç¹« °æ·Â°ú
±³À° °æÇèÀ» °¡Áø ÃÖ°íÀÇ °»ç
óÀ½ ½ÃÀÛÇÏ´Â ºÐµµ ÃæºÐÈ÷
ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ½¬¿î ¼³¸í
¾î·Á¿î °³³ä ¹× ¿ø¸®¸¦
½Ã°¢ÀûÀÎ ¹æ¹ýÀ» ÅëÇØ ¼³¸í
°»çÀÇ ½Ç¹« °æÇè¿¡¼ ¾òÀº
±â¼ú°ú µðÀÚÀÎÀÇ ÀλçÀÌÆ® °æÇè
ÇöÀå¿¡¼ »ç¿ëµÇ´Â ¿¹Á¦ ¹× ½Ç½ÀÀ»
ÅëÇÑ ÁøÁ¤ÇÑ ½Ç¹« ÈÆ·Ã
±¸Á÷ ¹× ÀÌÁ÷¿¡ ÇÊ¿äÇÑ ¼öÁØ ³ôÀº°³Àκ° Æ÷Æ®Æú¸®¿À Á¦ÀÛ
[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)