K-µðÁöÅÐ Æ®·¹ÀÌ´×
±¹°¡±â°£¡¤½Ç¾÷ÀÚ
Á÷ÀåÀΡ¤ÀϹÝ
¡Ø »ó´ãÀ» ¿øÇÏ´Â Áö¿ªÀ» Ŭ¸¯ÇÏ½Ã¸é ¹Ù·Î Ä·ÆÛ½º ÀüÈ·Î ¿¬°áµË´Ï´Ù.
°ø½Ä Ä«Ä«¿ÀÅå ä³Î
¡Ø »ó´ãÀ» ¿øÇϽô ÁöÁ¡À» Ŭ¸¯ÇÏ½Ã¸é ¹Ù·Î Ä«Ä«¿ÀÅå ä³Î·Î ¿¬°áµË´Ï´Ù.
Ä¿¸®Å§·³ PDF ´Ù¿î·Îµå ½Åû¼ ÀÛ¼ºÇϱ⠴ݱâ
¡Ø ÀÛ¼ºÇØÁֽŠÁ¤º¸´Â ´õÁ¶Àº °úÁ¤ ¾È³» µîÀÇ ¸¶ÄÉÆÿ¡ È°¿ëµÉ ¼ö ÀÖ½À´Ï´Ù.
Front-End ¹× ¼¹ö¿Í µ¥ÀÌÅÍ ¿¬µ¿ ±îÁö ½ÀµæÇϱâ À§ÇÑ
´Ü°ú °úÁ¤À¸·Î 1:1 »ó´ãÀ» ÅëÇÑ ¼ö°»ýÀÇ ¼öÁØ ¹× ¸ñÀû¿¡ ¸ÂÃç ÁøÇà µË´Ï´Ù.
*°³°ÀÏÀÚ | ÆòÀÏ2024-12-30 ÁÖ¸»2025-01-04 |
---|---|
*±³À°±â°£ | 3 ~ 5°³¿ù |
*¼ö°·á | »ó´ã ÈÄ ÇÒÀιÞÀ¸¼¼¿ä!¹æ¹®»ó´ã ½ÅûÇϱâ GO ¤Ñ |
*¼ö¾÷±¸¼º | ÁÖ 5ȸ(¿ù~±Ý) or ÁÖ 2ȸ(Åä~ÀÏ) |
°¢ ºÐ¾ß ½Ç¹« °æ·ÂÀ» 10³â ÀÌ»ó º¸À¯ÇÑ º£Å׶û Àü¹®°¡ÀÇ °ÀÇ
´õÁ¶Àº Çù·Â ¾÷ü¿ÍÀÇ ÇùÀǸ¦ ÅëÇÑ ½Ç¹« ¸ÂÃãÇü Ä¿¸®Å§·³
´Ù¾çÇÑ Ãë¾÷¿¬°è ½Ã½ºÅÛÀ» Á¦°øÇÏ¿© Ãë¾÷·ü Çâ»ó¿¡ À̹ÙÁö
ÇÁ·ÎÁ§Æ® ¹ßǥȸ¸¦ ÅëÇØ ÀÚüÀûÀÎ ½Ç·ÂÇâ»ó µµ¸ð
½Ç¹«ÀÚµéÀÇ ¼¼¹Ì³ª Ư°À» ÅëÇØ ÇÙ½ÉÀûÀÎ Á¤º¸ Á¦°ø
»ç¿ëÀÚ¿¡°Ô º¸ÀÌ´Â À¥È¸éÀÎ ÇÁ·ÐÆ®¿£µå(Front-End) ¿µ¿ªÀ» ÀÌÇØÇÏ°í ¼³°èÇÏ´Â °úÁ¤
º» °úÁ¤Àº Front-EndÀÇ °³¹ß °úÁ¤À» ÀÍÈ÷°í ÇÁ·ÐÆ®´Ü¿¡¼ Àü´ÞµÈ µ¥ÀÌÅͳª µ¥ÀÌÅͺ£À̽º ÀÔÃâ·ÂÀ»
ÀÌÇØÇÏ¿© ÇÁ·Î±×·¡¹ÖÀ¸·Î ±¸ÇöÇÏ´Â ±â¼úÀ» ½ÀµæÇϱâ À§ÇÑ °í±Þ ´Ü°ú ÄÚ½ºÀÔ´Ï´Ù.
²ÙÁØÈ÷ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀÇ ¼ö¿ä°¡ ´Ã¾î³ª´Â Ãß¼¼À̱⠶§¹®¿¡,
ÀÌ·¯ÇÑ ½Ã´ë È帧¿¡ ¸ÂÃç ´õÁ¶Àº¿¡¼´Â ½Ç¹« ¿ª·® °È¸¦ ¸ñÇ¥·ÎÇÑ ÇÁ·ÐÆ®¿£µå°³¹ß °úÁ¤À» ¿î¿µÇÏ°í ÀÖ½À´Ï´Ù.
À§ °úÁ¤¿¡ ´ëÇÑ ¹®ÀÇ»çÇ×Àº 1:1»ó´ãÀ» ÅëÇØ ÀÚ¼¼È÷ ¼³¸í ¹ÞÀ¸½Ç ¼ö ÀÖÀ¸¸ç, Àڽſ¡°Ô ¸Â´Â ²À ¸Â´Â Ä¿¸®Å§·³ °úÁ¤À» ÅëÇØ ¿øÇÏ´Â Ãë¾÷ÀÇ ¹®À» ¿°í ½Ç¹«ÀûÀ¸·Î ÀÎÁ¤¹Þ´Â Àü¹®°¡°¡ µÇ¼¼¿ä.
Step 1 | ÇÁ·ÐÆ®¿£µå°³¹ß ±âÃÊ ÀÔ¹® | º¯¼ö / ¿¬»êÀÚ / Á¦¾î¹® / ¹Ýº¹¹® / ÇÔ¼ö |
---|---|---|
Step 1 | ÇÁ·ÐÆ®¿£µå°³¹ß ±âÃÊ ÀÔ¹® | DOM ¿ä¼ÒÀÇ »ý¼º, »ðÀÔ, »èÁ¦ / DOM ¿ä¼ÒÀÇ ¼Ó¼º Ãß°¡ ¹× »èÁ¦ / DOM ¿ä¼ÒÀÇ Style Ãß°¡ ¹× »èÁ¦ / DOM ¿ä¼Ò¸¦ ÀÌ¿ëÇÏ¿© °¶·¯¸® ¸®½ºÆ® Ãß°¡ »èÁ¦Çϱâ |
Step 1 | ÇÁ·ÐÆ®¿£µå°³¹ß ±âÃÊ ÀÔ¹® | banner Á¦ÀÛÇϱâ / setTimeout°ú setInterval / jQuery ¹è³ÊÁ¦ÀÛ |
Step 2 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | À¥¿¡¼ RSS ÇǵåÀÇ XMLµ¥ÀÌÅÍ Ã£±â / RSS ÇǵåÀÇ XMLºÐ¼® / XMLµ¥ÀÌÅ͸¦ ÆĽÌÇÏ¿© À̹ÌÁö ¸®½ºÆ® ¸¸µé±â |
---|---|---|
Step 2 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | RSS ÇǵåÀÇ XML µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÑ ¿òÁ÷ÀÌ´Â À̹ÌÁö °¶·¯¸® ¿Ï¼º / ÀÚ¹Ù½ºÅ©¸³Æ® ºñµ¿±â ¹æ½Ä±â¼ú |
Step 2 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | Ajax ±¸Á¶ÀÇ ÀÌÇØ / Ajax ÇнÀÀ» À§ÇÑ ¼¹öȯ°æ ±¸Ãà |
Step 3 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | XML Http Request °´Ã¼ / Get ¹æ½ÄÀÇ µ¥ÀÌÅÍ ¿äû / Å©·Î½ººê¶ó¿ìÀú |
---|---|---|
Step 3 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | post ¹æ½ÄÀÇ µ¥ÀÌÅÍ¿äû / XML µ¥ÀÌÅÍó¸® / JSONµ¥ÀÌÅÍó¸® / AjaxÈ°¿ë¿¹Á¦ |
Step 3 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | ¹ÝÀÀÇü¿ø¸® / ¸ð¹ÙÀÏ ÆäÀÌÁö Á¦ÀÛÇϱâ / Ajax¿ÍJSON À» ÀÀ¿ëÇÑ ÆäÀÌÁö Á¦ÀÛÇϱâ |
Step 4 | Angular1,2¿Í TypeScript | Angular 1°ú Angular2ÀÇ Æ¯Â¡ / Angular 2 »ýÅ°è¿Í °ü·Ã ¶óÀ̺귯¸® |
---|---|---|
Step 4 | Angular1,2¿Í TypeScript | TypeScriptÀÇ ¼Ò°³¿Í Ư¡ / TypeScriptº¯¼ö¼±¾ð ¹× ¹è¿Çü ¼±¾ð ¹× ¸Å°³º¯¼ö |
Step 4 | Angular1,2¿Í TypeScript | °´Ã¼ÁöÇâÇÁ·Î±×·¡¹Ö(Ŭ·¡½º ¼±¾ð°ú »ç¿ë,Ŭ·¡½º »ó¼Ó,ÀÎÅÍÆäÀ̽º,Ãß»óŬ·¡½º) |
Step 4 | Angular1,2¿Í TypeScript | ÄÄÆ÷³ÍÆ® ¼Ò°³ ,±¸Á¶ / ÄÄÆ÷³ÍÆ® ±âÃʽǽÀ / ÄÄÆ÷³ÍÆ®°£ »óÈ£ÀÛ¿ë |
Step 4 | Angular1,2¿Í TypeScript | ÀÚ½Ä ¿¤¸®¸ÕÆ®ÀÇ È£Ãâ°ú Ž»ö / ÄÄÆ÷³ÍÆ® ½ºÅ¸ÀÏ / ¸ðµâ ¼Ò°³ / ¾ÖÇø®ÄÉÀÌ¼Ç ·çÆ® ¸ðµâ |
Step 5 | Angular1,2¿Í TypeScript | Ư¡ ¸ðµâ / ¶ó¿ìÅÍ ¼Ò°³/Ư¡ ¸ðµâ ¶ó¿ìÅÍ / °¡µå¼Ò°³ ¹× ¼ºñ½º±â¹Ý ·Î±×ÀΠó¸® |
---|---|---|
Step 5 | Angular1,2¿Í TypeScript | ÀÇÁ¸¼º ÁÖÀÔ (°³¿ä,Á¦°øÀÚ,°´Ã¼ ÁÖÀÔ ¹æ¹ý) / Template (¼Ò°³,µ¥ÀÌÅÍ Ç¥½Ã,¸í·É½Ä,»ðÀÔ½Ä,¹ÙÀεù) |
Step 5 | Angular1,2¿Í TypeScript | Áö½ÃÀÚ (¼±¾ðÇü ÇÁ·Î±×·¡¹Ö°ú Áö½ÃÀÚ, Ä¿½ºÅÒÁö½ÃÀÚ,½Ç½À) |
Step 5 | Angular1,2¿Í TypeScript | ÆÄÀÌÇÁ ( AngularJS ÇÊÅÍ¿Í Angular 2 ÆÄÀÌÇÁ ºñ±³,³»ÀåÆÄÀÌÇÁ,Ä¿½ºÅÒÆÄÀÌÇÁ) |
Step 5 | Angular1,2¿Í TypeScript | Æû (Æû ¼Ò°³¿Í AngularÀÇ Æû °ËÁõ ¹æ½Ä, ÅÛÇø´ ÁÖµµ °ËÁõ, ¸ðµ¨ ÁÖµµ °ËÁõ ) / ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ò°³/±âÃÊÈ°¿ë |
Step 6 | HTTPÀÇ ÀÌÇØ | ÇÁ·Î¹Ì½º ¼Ò°³ / RxJS ¼Ò°³ / Jsonp ¿äûÀ» ÇÁ·Î¹Ì½º·Î ó¸® / Jsonp ¿äûÀ» RxJS·Î ó¸® |
---|---|---|
Step 6 | HTTPÀÇ ÀÌÇØ | HTTP ¿äû°ú ÀÀ´ä ó¸® / HTTP ¸ðµâ / ¸Þ¸ð¸® DB Áغñ / ÇÁ·Î¹Ì½º ±â¹Ý Àι°°ü¸® / RxJS ±â¹Ý Àι°°ü¸® |
Step 6 | MVCÆÐÅÏÀ» Àû¿ëÇÑ ÇÁ·ÎÁ§Æ® ½Ç½À | ÁÖÁ¦¼±Á¤, º¥Ä¡¸¶Å·, ½ºÅ丮º¸µå / ¿ä±¸»çÇ× ºÐ¼® / ½Ã½ºÅÛ ºÐ¼® ¹× ¼³°è / DB¸ðµ¨¸µ |
Step 6 | MVCÆÐÅÏÀ» Àû¿ëÇÑ ÇÁ·ÎÁ§Æ® ½Ç½À | °³¹ßȯ°æ ¼³Á¤ / ÇÁ·ÎÁ§Æ® °³¹ß / Å×½ºÆ® ¹× µð¹ö±ë ÀÛ¾÷ / ÇÁ·ÎÁ§Æ® ¹ßÇ¥ ¹× Æò°¡ |
ÀÔ·ÂÇÑ Á¤º¸°¡ ´Ù¸¦ °æ¿ì ´äº¯À» ¹ÞÀ¸½Ç ¼ö ¾ø½À´Ï´Ù.
±âÀÔÇϽŠÁ¤º¸´Â ¹®ÀÇ¿¡ ´ëÇÑ ´äº¯ ¸ñÀû¿Ü¿¡ ´Ù¸¥ ¿ëµµ·Î »ç¿ëµÇÁö ¾Ê½À´Ï´Ù.