±Ù·ÎÀÚÁ÷¾÷´É·Â°³¹ßÈÆ·Ã
HTML5¿Í CSS3.0À¸·Î W3C¿¡¼ ±ÔÁ¤ÇÑ Ç¥ÁØÈµÈ ±Ô°Ý¿¡ µû¸¥ À¥»çÀÌÆ®¸¦ Á¦ÀÛÇϱâ À§ÇÑ
´Ü°ú °úÁ¤À¸·Î 1:1 »ó´ãÀ» ÅëÇÑ ¼ö°»ýÀÇ ¼öÁØ ¹× ¸ñÀû¿¡ ¸ÂÃç ÁøÇà µË´Ï´Ù.
*°³°ÀÏÀÚ | 1Â÷2024-10-07 2Â÷2024-10-14 |
---|---|
*±³À°±â°£ | 1~2°³¿ù |
*¼ö°·á | 100% ¹«·á ±¹ºñÁö¿ø´Ü, ´ë±â¾÷Àº 20% ÀÚºñºÎ´ã±Ý ¹ß»ý ÇÒ ¼ö ÀÖ½À´Ï´Ù. |
*¼ö¾÷±¸¼º |
Á¤±ÔÁ÷,ºñÁ¤±ÔÁ÷ ¹«·á
(´ë±â¾÷ ±Ù·ÎÀÚ 20% ÀÚºñºÎ´ã)
±³Àç ¹«·á Áö¿ø
´õÁ¶Àº¿¡µà °ÀÇ Áö¿ø
°í¿ëº¸Çè¿¡ °¡ÀÔÇÑ ±Ù·ÎÀÚ µîÀÌ Á÷¹« °æÀï·Â °È¸¦ µµ¸ðÇÒ ¼ö ÀÖµµ·Ï ±Ù·ÎÀÚÄ«µå¸¦ ¹ß±Þ¹Þ¾Æ Á÷¾÷´É·Â°³¹ß ÈƷÿ¡ Âü¿© ÇÒ ¼ö ÀÖµµ·Ï
ÈƷúñ¿ëÀ» Áö¿øÇÏ´Â Á¦µµ·Î °í¿ë³ëµ¿ºÎ°¡ ½Ç½ÃÇÑ ±³À°ÈƷñâ°ü ÀÎÁõÆò°¡¿¡¼ °ÇÁ¤¼º°ú ¿ª·®À» °ËÁõ¹Þ¾Æ À§Å¹ÀÚ°ÝÀ»
ÀÎÁõ¹ÞÀº ±â°üÀÌ °úÁ¤À» ½ÂÀιްí ÁøÇàÇÒ ¼ö ÀÖ½À´Ï´Ù. ´õÁ¶ÀºÄÄÇ»Å;ÆÄ«µ¥¹Ì´Â Àü±¹ÀÇ ÈƷñâ°ü Áß ´Ü 5%¸¸ÀÌ ¹ÞÀ» ¼ö ÀÖ´Â
3³âÀÎÁõÀ» ¹ÞÀº »óÅ·Î
Ãë¾÷À» ¿øÇÏ´Â ¼ö°»ýºÐµé¿¡°Ô º¸´Ù Å« ÇýÅÃÀ» Á¦°øÇص帱 ¼ö ÀÖ½À´Ï´Ù.
1
´õÁ¶ÀºÄÄÇ»ÅÍ2
±¸Á÷µî·Ï(¿öÅ©³Ý)3
°ÅÁÖÁö °üÇÒ4
ÈƷôë»óÀÚ °áÁ¤5
´õÁ¶ÀºÄÄÇ»ÅÍ6
Ãë¾÷ ¹× ¸ñÇ¥°¢ ºÐ¾ß ½Ç¹« °æ·ÂÀ»
10³â ÀÌ»ó º¸À¯ÇÑ
º£Å׶û Àü¹®°¡ÀÇ °ÀÇ
´õÁ¶Àº Çù·Â ¾÷ü¿ÍÀÇ
ÇùÀǸ¦ ÅëÇÑ
½Ç¹« ¸ÂÃãÇü Ä¿¸®Å§·³
´Ù¾çÇÑ Ãë¾÷¿¬°è
½Ã½ºÅÛÀ» Á¦°øÇÏ¿©
Ãë¾÷·ü Çâ»ó¿¡ À̹ÙÁö
ÇÁ·ÎÁ§Æ® ¹ßǥȸ¸¦
ÅëÇØ ÀÚüÀûÀÎ
½Ç·ÂÇâ»ó µµ¸ð
½Ç¹«ÀÚµéÀÇ ¼¼¹Ì³ª
Ư°À» ÅëÇØ
ÇÙ½ÉÀûÀÎ Á¤º¸ Á¦°ø
ÀÔ¹®ÀÚµµ ½±°Ô!! ´õÁ¶Àº ¿Â¶óÀÎ ¿¡µà!!
´õÁ¶Àº ¼ö°»ýÀ̶ó¸é ´©±¸³ª ÀÌ¿ëÇÒ ¼ö ÀÖ´Â 1°³¿ù ¹«·á ¿Â¶óÀÎ º¹½À°ÀÇ ÇýÅÃ!!
¼ö¾÷¿¡¼ ¹è¿ü´ø ³»¿ëÀ» ´Ù½Ã µè°í ½Í°í, ¿À·¡µÇ¾î ÀØÀº ³»¿ëÀ» ´Ù½Ã º¼ ¼ö ÀÖ´Â ¿Â¶óÀÎ °ÁÂ!!
À¥Ç¥ÁØÀ» ±â¹ÝÀ¸·Î »ç¿ë¼º°ú Á¢±Ù¼ºÀÌ Çâ»óµÈ »çÀÌÆ® Á¦ÀÛÀ» À§ÇÑ °úÁ¤
º» °úÁ¤Àº Front-EndÀÇ °³¹ß °úÁ¤À» ÀÍÈ÷°í ÇÁ·ÐÆ®´Ü¿¡¼ Àü´ÞµÈ µ¥ÀÌÅͳª µ¥ÀÌÅͺ£À̽º ÀÔÃâ·ÂÀ»
ÀÌÇØÇÏ¿© ÇÁ·Î±×·¡¹ÖÀ¸·Î ±¸ÇöÇÏ´Â ±â¼úÀ» ½ÀµæÇϱâ À§ÇÑ °í±Þ ´Ü°ú ÄÚ½ºÀÔ´Ï´Ù.
´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡µµ
µ¿ÀÏÇÑ °á°ú¹° Ç¥Çö
´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡µµ
µ¿ÀÏÇÑ °á°ú¹° Ç¥Çö
´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡µµ
µ¿ÀÏÇÑ °á°ú¹° Ç¥Çö
´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡µµ
µ¿ÀÏÇÑ °á°ú¹° Ç¥Çö
´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡µµ
µ¿ÀÏÇÑ °á°ú¹° Ç¥Çö
´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡µµ
µ¿ÀÏÇÑ °á°ú¹° Ç¥Çö
À§ °úÁ¤¿¡ ´ëÇÑ ¹®ÀÇ»çÇ×Àº 1:1»ó´ãÀ» ÅëÇØ ÀÚ¼¼È÷ ¼³¸í ¹ÞÀ¸½Ç ¼ö ÀÖÀ¸¸ç, Àڽſ¡°Ô ¸Â´Â ²À ¸Â´Â Ä¿¸®Å§·³ °úÁ¤À» ÅëÇØ ¿øÇÏ´Â Ãë¾÷ÀÇ ¹®À» ¿°í ½Ç¹«ÀûÀ¸·Î ÀÎÁ¤¹Þ´Â Àü¹®°¡°¡ µÇ¼¼¿ä.
Step 1ÁÖÂ÷ | HTML,CSSÀÇ ÀÌÇØ | À¥ °³¹ß¿¡ ´ëÇÑ ÀÌÇØ / HTML,CSS,Javascript üÇè / HTML°³¿ä / CSS°³¿ä / Javascript °³¿ä / º»¹® ÀÛ¼º¿¡ »ç¿ëµÇ´Â ÅÂ±×¿Í CSS / ¹Ú½º 󸮿¡ »ç¿ëµÇ´Â ÅÂ±×¿Í CSS |
---|
Step 2ÁÖÂ÷ | HTML,CSSÀÇ ½Àµæ | TABLE °ü·ÃµÈ ÅÂ±× ¹× CSS / LIST °ü·ÃµÈ ÅÂ±× ¹× CSS / ¾ÆÀÌÄÜ ½ºÇÁ¶óÀÌÆ® ó¸® ±â¹ý / FROM ű×ÀÇ ÀÌÇØ¿Í CSS |
---|
Step 3ÁÖÂ÷ | HTML,CSSÀÇ ½ÉÈ | CSS Level2 layout ó¸®1 / CSS Level2 layout ó¸®2 / CSS Level3 layout ó¸®3 |
---|---|---|
Step 3ÁÖÂ÷ | HTML,CSSÀÇ ½ÉÈ | º¯È¯/È¿°ú/¾Ö´Ï¸ÞÀÌ¼Ç CSS |
Step 4ÁÖÂ÷ | UI ±¸Çö | À¥ »çÀÌÆ® °³¹ßÀ» À§ÇÑ ½Ã½ºÅÛ ¼³°è ¹× ÀÛ¾÷ Áغñ / µðÀÚÀÎ ¼³°èÀü üũ¸®½ºÆ® °ËÅä |
---|---|---|
Step 4ÁÖÂ÷ | UI ±¸Çö | ½ºÅ丮º¸µå ÀÛ¾÷ / ¹ÝÀÀÇü ó¸® ¼³°è / ¹ÝÀÀÇü ¹× À¥ÆùÆ® Àû¿ë ÀÛ¾÷ |
Step 5ÁÖÂ÷ | UI ½ÇÁ¦ ÆäÀÌÁö ±¸Çö | UI ±¸Çö ÀÛ¾÷ |
---|
Step 6ÁÖÂ÷ | UI ½ÇÁ¦ ÆäÀÌÁö ±¸Çö | °á°ú¹° Æ÷Æ®Æú¸®¿À Á¦ÀÛ |
---|
HTML5¿Í CSS3.0À¸·Î W3C¿¡¼ ±ÔÁ¤ÇÑ Ç¥ÁØÈµÈ ±Ô°Ý¿¡ µû¸¥ À¥»çÀÌÆ®¸¦ Á¦ÀÛÇϱâ À§ÇÑ
´Ü°ú °úÁ¤À¸·Î 1:1 »ó´ãÀ» ÅëÇÑ ¼ö°»ýÀÇ ¼öÁØ ¹× ¸ñÀû¿¡ ¸ÂÃç ÁøÇà µË´Ï´Ù.
HTML5·Î ±¸Á¶¸¦ Àâ°í CSS¸¦ ÅëÇØ À¥ Á¢±Ù¼ºÀÌ ¶Ù¾î³ »çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» ½ÀµæÇÏ°í,
À¥Ç¥ÁØ¿¡ ¸Â°Ô ÇϵåÄÚµùÇÏ¿© ¹ÝÀÀÇü ÆäÀÌÁö¸¦ Á¦ÀÛÇϱâ À§ÇÑ °úÁ¤ÀÔ´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¸¦ ÀÍÈ÷°í º¯¼ö, ÇÔ¼ö¸¦ »ç¿ëÇÏ¿© °¢Á¾ À̺¥Æ® ¹× µ¿ÀûÀÎ È¿°ú¸¦
±¸ÇöÇϱâ À§ÇÑ´Ü°ú °úÁ¤À¸·Î 1:1 »ó´ãÀ» ÅëÇÑ ¼ö°»ýÀÇ ¼öÁØ ¹× ¸ñÀû¿¡ ¸ÂÃç ÁøÇà µË´Ï´Ù.
±âÃÊ(ÀÏ·¯½ºÆ®, Æ÷Åä¼¥) ±×·¡ÇÈÀ» À̼öÇÏ°í À¥µðÀÚÀ̳ʷΠÁ¦Ç°°ú »ç¿ëÀÚ°£ÀÇ »óÈ£ÀÛ¿ëÀ»
¿ëÀÌÇÏ°Ô ÇÏ´Â »çÀÌÆ®¸¦ Á¦ÀÛÇÏ¸ç ¿¡ÀÌÀü½Ã Ãë¾÷/ÀÌÁ÷À» À§ÇÑÁ¾ÇÕ°úÁ¤À¸·Î
1:1 »ó´ãÀ» ÅëÇÑ ¼ö°»ýÀÇ ¼öÁØ ¹× ¸ñÀû¿¡ ¸ÂÃç ÁøÇà µË´Ï´Ù.
¸ð¹ÙÀÏ ±âȹ°ú öÀúÇÑ ºÐ¼®À» ÅëÇØ µðÀÚÀÎ °á°ú¹°À» µµÃâÇÏ¿©
UX¿¡ ±â¹ÝÀ» µÐ µðÀÚÀÎÀ¸·Î ±âȹÀ» ÁßÁ¡À¸·Î ÇÑ ¸ð¹ÙÀÏ À¥ Æ÷Æ®Æú¸®¿À¸¦ Á¦ÀÛÇÏ´Â °úÁ¤ÀÔ´Ï´Ù.
UI/UX¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹ºñÁö¿ø °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹ºñÁö¿ø °úÁ¤ÀÔ´Ï´Ù.
´Ù¾çÇÑ Á¾·ùÀÇ µðÁöÅРȯ°æ¿¡¼ Á¦°øµÇ´Â ¼ºñ½º¤ýÄÜÅÙÃ÷¸¦ UX/UI¿¡ ¸Â°Ô µðÀÚÀÎÇÏ°í
ÃÖÀûÈÇÏ¿© Â÷¼¼´ë À¥±â¼ú(ÇÁ·ÐÆ®¿£µå)À» ±â¹ÝÀ¸·Î °³¹ß ¹× °ü¸®´É·ÂÀ» ÇÔ¾çÇÕ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
Front-End ¹× ¼¹ö¿Í µ¥ÀÌÅÍ ¿¬µ¿ ±îÁö ½ÀµæÇϱâ À§ÇÑ °úÁ¤À¸·Î
1:1 »ó´ãÀ» ÅëÇÑ ¼ö°»ýÀÇ ¼öÁØ ¹× ¸ñÀû¿¡ ¸ÂÃç ÁøÇà µË´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
´Ù¾çÇÑ ½º¸¶Æ®±â±â Ç÷§Æû¿¡ Àû¿ë°¡´ÉÇÑ ÄÜÅÙÃ÷¸¦ Á¦°øÇϱâ À§ÇØ ½º¸¶Æ® ±â±â¿¡ ÀûÇÕÇÑ ÄÜÅÙÃ÷¸¦
µðÀÚÀÎÇÏ°í ¾Û°³¹ß ȯ°æºÐ¼®À» ÅëÇØ ¼³°è¿Í ±¸ÇöÀ» ÇÒ ¼ö ÀÖ´Â Àü¹® ÀηÂÀ» ¾ç¼ºÇÕ´Ï´Ù.
´Ù¾çÇÑ Á¾·ùÀÇ µðÁöÅРȯ°æ¿¡¼ Á¦°øµÇ´Â ¼ºñ½º¤ýÄÜÅÙÃ÷¸¦ »ç¿ëÀÚ Áß½ÉÀÇ ¹ÝÀÀÇü ÀÎÅÍÆäÀ̽º(UI)¿Í
»ç¿ëÀÚ °æÇè(UX)¿¡ ¸Â°Ô µðÀÚÀÎÇÏ°í ÃÖÀûÈÇÏ¿© È¿°úÀûÀ¸·Î ±¸ÇöÇÏ°í, ½º¸¶Æ®±â±â¿¡ Àû¿ë °¡´ÉÇÑ
¼ºñ½º¿¡ ´ëÇÏ¿© Á¤º¸¼³°è, UI¼³°è, ȸ鼳°è°¡ °¡´ÉÇÑ Àü¹®Àη ¾ç¼ºÀ» ¸ñÇ¥·Î ÇÕ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹°¡±â°£¡¤Àü·«»ê¾÷Á÷Á¾ °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹ºñÁö¿ø °úÁ¤ÀÔ´Ï´Ù.
UX/UI¸¦ °í·ÁÇÏ°í °¢ ¸ÅüÀÇ Æ¯¼ºÀ» ¹Ý¿µÇÏ¿© âÀÇÀûÀÎ µðÀÚÀÎÀ» ¿Ï¼ºÇÒ ¼ö ÀÖµµ·Ï
µðÁöÅÐ ½Ã´ë¿¡ ÃÖÀûÈµÈ Ä¿¸®Å§·³À¸·Î Â¥¿©Áø ±¹ºñÁö¿ø °úÁ¤ÀÔ´Ï´Ù.