ÀÏ¹Ý Á¾ÇÕ °úÁ¤
HTML5·Î ±¸Á¶¸¦ Àâ°í CSS¸¦ ÅëÇØ À¥ Á¢±Ù¼ºÀÌ ¶Ù¾î³ »çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» ½ÀµæÇÏ°í,
À¥Ç¥ÁØ¿¡ ¸Â°Ô ÇϵåÄÚµùÇÏ¿© ¹ÝÀÀÇü ÆäÀÌÁö¸¦ Á¦ÀÛÇϱâ À§ÇÑ °úÁ¤ÀÔ´Ï´Ù.
*°³°ÀÏÀÚ | ÆòÀÏ2024-12-09 ÁÖ¸»2024-12-14 |
---|---|
*±³À°±â°£ | 3 ~ 5°³¿ù |
*¼ö°·á | »ó´ã ÈÄ ÇÒÀιÞÀ¸¼¼¿ä!¹æ¹®»ó´ã ½ÅûÇϱâ GO ¤Ñ |
*¼ö¾÷±¸¼º | ÁÖ 5ȸ(¿ù~±Ý) or ÁÖ 2ȸ(Åä~ÀÏ) |
°¢ ºÐ¾ß ½Ç¹« °æ·ÂÀ»
10³â ÀÌ»ó º¸À¯ÇÑ
º£Å׶û Àü¹®°¡ÀÇ °ÀÇ
´õÁ¶Àº Çù·Â ¾÷ü¿ÍÀÇ
ÇùÀǸ¦ ÅëÇÑ
½Ç¹« ¸ÂÃãÇü Ä¿¸®Å§·³
´Ù¾çÇÑ Ãë¾÷¿¬°è
½Ã½ºÅÛÀ» Á¦°øÇÏ¿©
Ãë¾÷·ü Çâ»ó¿¡ À̹ÙÁö
ÇÁ·ÎÁ§Æ® ¹ßǥȸ¸¦
ÅëÇØ ÀÚüÀûÀÎ
½Ç·ÂÇâ»ó µµ¸ð
½Ç¹«ÀÚµéÀÇ ¼¼¹Ì³ª
Ư°À» ÅëÇØ
ÇÙ½ÉÀûÀÎ Á¤º¸ Á¦°ø
º» °úÁ¤Àº ºñÀü°øÀÚ(ÀÔ¹®ÀÚ)ºÎÅÍ Àü°øÀÚ È¤Àº À¥µðÀÚÀ̳ʰ¡ Àü¹® À¥ÆÛºí¸®¼Å°¡ µÇ±â À§ÇÑ °úÁ¤À¸·Î ¸¶·Ã µÇ¾ú½À´Ï´Ù.
ºñÀü°øÀÚ(ÀÔ¹®ÀÚ)¿¡°Ô´Â »ý¼ÒÇÏÁö¸¸ °¡Àå ±âÃÊÀÎ ÀÏ·¯½ºÆ®/Æ÷Åä¼¥À» ÀÍÈ÷´Â°ÍºÎÅÍ ½ÃÀÛÇÏ¿©
ȨÆäÀÌÁö ¼³°è¸¦ À§ÇÑ html5, css3.0¿¡ ´ëÇÑ ±âº» °³³ä°ú ÄÚµù ¹æ¹ý°ú À¥Ç¥ÁØ ±â¼úÀ» ½ÀµæÇÏ°í
»ì¾Æ ¼û½¬´Â ȨÆäÀÌÁö¸¦ ¸¸µé±â À§ÇÑ javascript, jQuery ±âÃÊ ¹®¹ý°ú Á÷Á¢ ¿òÁ÷ÀÌ´Â ¹ÝÀÀÇü Æ÷Æ®Æú¸®¿À±îÁö Á¦ÀÛÇϴ°ÍÀ» ¸ñÇ¥·Î ÇÑ °úÁ¤À»,
Àü°øÀÚ È¤Àº À¥µðÀÚÀÎ ½Ç¹«ÀÚ¿¡°Ô´Â À¥ÆÛºí¸®¼Å¿¡°Ô °¡Àå ±âº»ÀÌ µÇ´Â html5, css3.0ºÎÅÍ ½ÃÀÛÇÏ¿©
ȨÆäÀÌÁö¸¦ ¿òÁ÷ÀÏ ¼ö ÀÖ´Â javascript, jQueryÀÇ ±âÃʺÎÅÍ °í±Þ ¹®¹ýÀ» ÀÍÈ÷°í,
»óÀ§ À¥ÆÛºí¸®¼Å°¡ µÇ±â À§ÇØ ÇÊ¿äÇÑ Angular.js ¿Í Node.js±îÁöÀÇ ¹®¹ýÀ» ½ÀµæÇÔÀ¸·Î½á Ä÷¸®Æ¼ ³ôÀº ¹ÝÀÀÇü Æ÷Æ®Æú¸®¿À Á¦ÀÛÀ¸·Î
ÀÎÁ¤¹Þ´Â ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ°¡ µÇ±â À§ÇÑ °úÁ¤À» ±¸¼º ÇÏ¿´½À´Ï´Ù.
À§ °úÁ¤¿¡ ´ëÇÑ ¹®ÀÇ»çÇ×Àº 1:1»ó´ãÀ» ÅëÇØ ÀÚ¼¼È÷ ¼³¸í ¹ÞÀ¸½Ç ¼ö ÀÖÀ¸¸ç, Àڽſ¡°Ô ¸Â´Â ²À ¸Â´Â Ä¿¸®Å§·³ °úÁ¤À» ÅëÇØ ¿øÇÏ´Â Ãë¾÷ÀÇ ¹®À» ¿°í ½Ç¹«ÀûÀ¸·Î ÀÎÁ¤¹Þ´Â Àü¹®°¡°¡ µÇ¼¼¿ä.
±âº»¿¡ Ãæ½ÇÇÑ UX DESIGN |
À¥ µðÀÚÀÎÀº ±âº»±â°¡ Áß¿äÇÕ´Ï´Ù. º¸±â¿¡ ¿¹»Û µðÀÚÀεµ Áß¿äÇÏÁö¸¸, ±×°Ô ´Ù°¡ ¾Æ´ÏÁÒ. ´õÁ¶ÀºÀº À¥ µðÀÚÀÎÀÇ °¡Àå ±âº»ÀÎ ·¹À̾ƿô¿¡ Ãæ½ÇÇÑ UX DesignÀ» ±âÃÊ ÀÌ·ÐÀ¸·Î °¡¸£Ä¡°í ÀÖ½À´Ï´Ù. UXÀÇ ±âȹÀº µðÀÚÀÎ Àüü¸¦ Á¿ìÇÒ¸¸Å ±²ÀåÈ÷ Áß¿äÇÑ ÆÄÆ®ÀÔ´Ï´Ù. | UI/UX ¼³°èµðÀÚÀÎ ¢º |
---|---|---|
±âÃÊ ±×·¡ÇÈ °úÁ¤ Æ÷Åä¼¥ / ÀÏ·¯½ºÆ® GRAPHIC TOOL |
µðÀÚÀÎÀ» Ç¥ÇöÇϴµ¥ ÀÖ¾î¼, Åø¿¡ ´ëÇÑ Á¦ÇÑÀÌ ¾ø¾î¾ß ´õ âÀÇÀûÀÎ µðÀÚÀÎÀÌ Àß ³ª¿À±â ¸¶·ÃÀÌÁÒ. 2D ±×·¡ÇÈÇÁ·Î±×·¥ Æ÷Åä¼¥°ú ÀÏ·¯½ºÆ®¿¡ ´ëÇÑ ±âÃÊ ¸í·É¾î ±³À°ºÎÅÍ ½ÉÈ °úÁ¤±îÁö ÁغñµÇ¾î ÀÖ½À´Ï´Ù. Æ÷Åä¼¥°ú ÀÏ·¯½ºÆ®¸¦ ´É¼ö´É¶õÇÏ°Ô ´Ù·ê ¼ö ÀÖµµ·Ï ½Ç¹«¿¡ ³ª°¡¼µµ Àß »ç¿ëÇÒ ¼ö ÀÖµµ·Ï °¡¸£Ä¨´Ï´Ù. | Æ÷Åä¼¥ ¢ºÀÏ·¯½ºÆ® È°¿ë ¢º±×·¡ÇȽÉÈ ¢º |
µðÀÚÀΰú ÄÚµùÀ» ÇÔ²²ÇÏ´Â ¼ö¾÷ Design+Coding |
´õÁ¶Àº¾ÆÄ«µ¥¹Ì À¥ µðÀÚÀÎ ¼ö¾÷ÀÇ °¡Àå Å« °Á¡Àº µðÀÚÀΰú ÄÚµùÀ» ¸ðµÎ ¹è¿î´Ù´Â °ÍÀÔ´Ï´Ù. ½Ç¹«¿¡¼´Â À¥ µðÀÚÀÌ³Ê¿Í À¥ ÆÛºí¸®¼Å / °³¹ßÀÚ °£ÀÇ ¼ÒÅëÀÌ ÇʼöÀûÀ¸·Î ÀÌ·ç¾îÁö±â ¶§¹®¿¡ À¥ µðÀÚÀ̳ʰ¡ Ä¿¹Â´ÏÄÉÀ̼ǿ¡ º¸´Ù ´ÉÇÒ ¼ö ÀÖµµ·Ï ½Ç¹«¸¦ ´ëºñÇÑ ¼ö¾÷À̶ó°í ÇÒ ¼ö ÀÖ½À´Ï´Ù | HTML5,CSS3 ¢ºjQuery, Javascript ¢º |
½Ã´ëÀÇ È帧À» µû¶ó°¡´Â FRONT-END | À¥ÀÇ ¸¶Áö¸· °ü¹®! ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ °úÁ¤À¸·Î ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ´õ¿í ½ÉµµÀÖ°Ô ¹è¿ó´Ï´Ù. ÄÚµù½Ã »ç¿ë¼º°ú ´«¿¡ º¸ÀÌ´Â µðÀÚÀÎÀ» °í·ÁÇØ¾ß ÇÏ¸ç ¹é¿£µå °³¹ßÀÚ¿ÍÀÇ ¿øÈ°ÇÑ ¼ÒÅëµµ ¿ä±¸µÇÁö¿ä. ÃÖ±Ù ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀÇ ¼ö¿ä°¡ ´Ã¾î³ª´Â Ãß¼¼À̸ç, ÀÌ·¯ÇÑ ½Ã´ëÈ帧¿¡ ¸Â´Â °Á¸¦ ¿î¿µÇÏ°í ÀÖ½À´Ï´Ù. | ÇÁ·ÐÆ®¿£µå°³¹ß ¢º |
´Ù¾çÇÑ ¸ÖƼ µð¹ÙÀ̽º¿ÍÀÇ È£È¯ RESPONSIVE |
UX/UI¸¦ °í·ÁÇÏ¸é¼ ¾Û&¸ð¹ÙÀÏ, ÅÂºí¸´, PCµî ´Ù¾çÇÑ µð¹ÙÀ̽º¿¡¼ ȣȯÀ» °¡´ÉÇÏ°Ô ÇÏ´Â ÇϵåÄÚµù ÆÛºí¸®½Ì(À¥Ç¥ÁØ, HTML5, jQuery µî)À¸·Î ÃֽŠƮ·»µå¿¡ ÀûÇÕÈµÈ ÃÖÀûÈµÈ »çÀÌÆ®¿Í ¹ÝÀÀÇü À¥ »çÀÌÆ®±îÁö Á¦ÀÛÇÒ ¼ö ÀÖµµ·Ï Æ÷Æ®Æú¸®¿À °úÁ¤±îÁö ¾ËÂ÷°Ô ±¸¼ºÇÑ ¼ö¾÷ÀÔ´Ï´Ù. | ¹ÝÀÀÇüÆ÷Æ®Æú¸®¿À ¢º |
ÀÌOO,ÃÖOO,ÀÌOO,µ¿OO,±èOO Æ÷Æ®Æú¸®¿À
¡° 100% ´õÁ¶Àº ¼ö·á»ýÀÇ Æ÷Æ®Æú¸®¿ÀÀÔ´Ï´Ù. ¡±
Step 1 | Æ÷Åä¼¥ ±âÃÊ step1 | ±âº»¼³¸í, ¼±ÅÃÅø, Color, Gradient, Æ÷Åä¼¥À» È°¿ëÇÑ ±âÃÊ ¸®ÅÍĪ ±â¼ú ½Àµæ, Æ÷Åä¼¥À» È°¿ëÇÑ ÀÀ¿ë ¸®ÅÍÄ¡ ±â¼ú ½Àµæ |
---|---|---|
Step 1 | Æ÷Åä¼¥ ±âÃÊ step2 | path, shape, type, layer style, mask È°¿ë¹ý, adjustmentÀÇ ÀÌÇØ |
Step 1 | Æ÷Åä¼¥ ±âÃÊ step3 | Filter »ç¿ë¹ý ÀÌÇØ, ChannelsÀ» È°¿ëÇÑ ÀÛ¾÷¹ý ½Àµæ |
Step 1 | ÀÏ·¯½ºÆ® ±âÃÊ step1 | ±âº»¼³¸í, ÆæÅøÀÇ ÀÚÀ¯·Î¿î È°¿ë, °³Ã¼¸¦ º¹»çÇÏ´Â ¹æ¹ý, TransfromÀÇ ÀÌÇØ, ¼±ÅÃÅø°ú Á÷Á¢ ¼±ÅÃÅø, µµÇüÅø, Á¤·Ä, ȸÀü, Ãà¼Ò |
Step 1 | ÀÏ·¯½ºÆ® ±âÃÊ step1 | ±â¿ï±â, ¹Ý»ç, ÆнºÆÄÀδõ, stroke, pattern, bursh tool, live Paint, Type Tool |
Step 1 | ÀÏ·¯½ºÆ® ±âÃÊ step2 | gradient, mesh tool, º¯ÇüÅø, blend Tool, Symbol, Graph Tool, Effect È¿°ú, Appearance, 3D È¿°úÁÖ±â |
Step 2 | À¥µðÀÚÀÎÀÇ ±¸Á¶¿Í ȯ°æ ÀÌÇØ | À¥ ¾ÆÀ̵§Æ¼Æ¼ÀÇ ÀÌÇØ, À¥»çÀÌÆ® ±¸Á¶ ÆľÇÇϱâ, UIµðÀÚÀο¡ ´ëÇÑ ÀÌÇØ, ½Ç¹« Á¦ÀÛ °úÁ¤ ÇÁ·Î¼¼½º ¼Ò°³, ºê·£µå ºÐ¼® ÈÄ ÄÁ¼ÁµµÃâ, À̹ÌÁö ¸ÊÀ» È°¿ëÇÑ ºê·£µå¿Í À̹ÌÁö ¸Ê¿¬°è |
---|---|---|
Step 2 | ¿ÍÀ̾îÇÁ·¹ÀÓ ¼³°è¿Í À¥ ±×¸®µå ½Ã½ºÅÛ ÀÌÇØ | ¿ÍÀ̾î ÇÁ·¹ÀÓ ½ºÄÉÄ¡, PC¿ÍÀ̾îÇÁ·¹ÀÓ°ú ¸ð¹ÙÀÏ¿ÍÀ̾î, ÇÁ·¹ÀÓºñ±³ºÐ¼®, ¿ÍÀÌÇÁ·¹ÀÓ ±¸Á¶ºÐ¼®, ¿ÍÀ̾îÇÁ·¹ÀÓ ½ÉÈ, °úÁ¦ÁøÇà, PC,¸ð¹ÙÀÏ,¹ÝÀÀÇü ·¹À̾ƿôÀÇ ÀÌÇØ , ±×¸®µå ½Ã½ºÅÛÀ» Àû¿ëÇÑ ·¹À̾ƿô ¿¬½À |
Step 2 | À¥ ŸÀÌÆ÷±×·¡ÇÇ¿Í ¿©¹é & Ȳ±ÝºñÀ² | À¥ ŸÀÌÆ÷±×·¡ÇÇÀÇ Á¾·ù, ÆùƮũ±â¿Í ´ÜÀ§°³³ä, ¾ÈƼ¾Ë¸®¾Æ½ÌÀÇ ÀÌÇØ, ÀÚ°£,Çà°£, °¡µ¶¼º, ÄÁÅÙÃ÷ÀÇ ÁÖÁ¦¿Í ºÎÁÖÁ¦ ¼³Á¤, ¿©¹é½Ã½ºÅÛ ÀÌÇØ¿Í ÀÀ¿ë |
Step 2 | À¥ ŸÀÌÆ÷±×·¡ÇÇ¿Í ¿©¹é & Ȳ±ÝºñÀ² | ¿©¹é°¡À̵å Àâ±â, ¿©¹é½Ã½ºÅÛÀÇ Àû¿ë, ÄÁÅÙÃ÷ ¸®´º¾ó, Ȳ±ÝºñÀ² ½Ã½ºÅÛ ÀÌÇØ, Çö¾÷¿¡¼ »ç¿ëµÇ´Â Ȳ±ÝºñÀ² »ç·Ê, UIȲ±ÝºñÀ² ½Ã½ºÅÛ Àû¿ë, Ȳ±Ý ºñÀ²¹ýÄ¢¿¡ ÀÇÇÑ À̹ÌÁö ·¹À̾ƿôÀû¿ë |
Step 2 | À¥ ·¹À̾ƿô Àû¿ë ¹× À̹ÌÁö ¸®ÅÍĪ ½ºÅ³¾÷ | ¾ÆÀÌÆ®·¡Å·À̶õ?, ¾ÆÀÌÆ®·¡Å·¿¡ ÀÇÇÑ À¥ ·¹À̾ƿô |
Step 2 | À¥ ·¹À̾ƿô Àû¿ë ¹× À̹ÌÁö ¸®ÅÍĪ ½ºÅ³¾÷ | ¾ÆÀÌÆ®·¡Å· ¿¬½À, À̹ÌÁö ·¹¸®¾Æ¿ô ¹× ÄÁÅÙÃ÷ Àç¹è¿¿¬½À, À̹ÌÁö º¸Á¤ÀÇ ¿ø¸®¿Í ÀÌÆåÆ® Á¾·ù |
Step 3 | UI/UX¸¦ Àû¿ëÇÑ WEB&MOBILE ½Ã¾È Á¦ÀÛ | PC¹öÀüÀÇ ¸ÞÀνþÈÁ¦ÀÛÇغ¸±â, ¸ð¹ÙÀÏ ¹öÀüÀÇ ¸ÞÀνþÈÁ¦ÀÛÇغ¸±â |
---|---|---|
Step 3 | HTML,CSSÀÇ ÀÌÇØ | À¥ °³¹ß¿¡ ´ëÇÑ ÀÌÇØ, HTML,CSS,Javascript üÇè, HTML°³¿ä, CSS°³¿ä, Javascript °³¿ä |
Step 3 | HTML,CSSÀÇ ÀÌÇØ | º»¹® ÀÛ¼º¿¡ »ç¿ëµÇ´Â ÅÂ±×¿Í CSS, ¹Ú½º 󸮿¡ »ç¿ëµÇ´Â ÅÂ±×¿Í CSS, TABLE °ü·ÃµÈ ÅÂ±× ¹× CSS, LIST °ü·ÃµÈ ÅÂ±× ¹× CSS |
Step 3 | HTML,CSSÀÇ ½Àµæ | ¾ÆÀÌÄÜ ½ºÇÁ¶óÀÌÆ® ó¸® ±â¹ý, FROM ű×ÀÇ ÀÌÇØ¿Í CSS |
Step 3 | HTML,CSSÀÇ ½ÉÈ | CSS Level2 layout ó¸®1, CSS Level2 layout ó¸®2, CSS Level3 layout ó¸® |
Step 3 | HTML,CSSÀÇ ½ÉÈ | º¯È¯/È¿°ú/¾Ö´Ï¸ÞÀÌ¼Ç CSS, À¥ »çÀÌÆ® °³¹ßÀ» À§ÇÑ ½Ã½ºÅÛ ¼³°è ¹× ÀÛ¾÷ Áغñ |
Step 4 | UI ±¸Çö | À¥ »çÀÌÆ® °³¹ßÀ» À§ÇÑ ½Ã½ºÅÛ ¼³°è ¹× ÀÛ¾÷ Áغñ, µðÀÚÀÎ ¼³°èÀü üũ¸®½ºÆ® °ËÅä, ½ºÅ丮º¸µå ÀÛ¾÷, ¹ÝÀÀÇü ó¸® ¼³°è, ¹ÝÀÀÇü ¹× À¥ÆùÆ® Àû¿ë ÀÛ¾÷ |
---|---|---|
Step 4 | UI ½ÇÁ¦ ÆäÀÌÁö ±¸Çö | UI ±¸Çö ÀÛ¾÷, °á°ú¹° Æ÷Æ®Æú¸®¿À Á¦ÀÛ |
Step 4 | Javascript ±âº»°³³ä ¹× ÇнÀ | º¯¼ö, ÇÔ¼ö, À̺¥Æ®, ¿¬»êÀÚ,Á¶°Ç¹®,¹Ýº¹¹®,ºÐ±â¹® ÇнÀ, ¹è¿ °´Ã¼ °³³ä, JSON ÇнÀ |
Step 4 | Javascript¸¦ È°¿ëÇÑ jQuery ±¸Çö step1 | BOM(Web Brower Objects Model)°³¿ä, jQueryÀÇ Æ¯Â¡°ú »ç¿ë Áغñ, ÀåÁ¡ üÇè, ¼±ÅÃÀÚ ¹× ±âº» ¸Þ¼Òµå1, ¼±ÅÃÀÚ ¹× ±âº» ¸Þ¼Òµå2, À̺¥Æ®, È¿°ú ¸Þ¼Òµå1 |
Step 4 | Javascript¸¦ È°¿ëÇÑ jQuery ±¸Çö step2 | À̺¥Æ®, È¿°ú ¸Þ¼Òµå 2, ±× ¹ÛÀÇ ÁÖ¿ä ¸Þ¼Òµå, Åë½Å ¸Þ¼Òµå ¹× ȸ¿ø°¡ÀÔ, ·Î±×ÀÎ, ·Î±×¾Æ¿ô ó¸® ½Ç½À, ÇÁ·ÎÅäŸÀÔ À¥ÇÁ·ÎÁ§Æ® ¼³Ä¡, °³º° ÇÁ·ÎÁ§Æ® Á¡°Ë ÀÛ¾÷ |
Step 5 | ½É¹ÌÀû µðÀÚÀÎ ¿ä¼Ò ¼öÁ¤ º¸¿ÏÇϱâ | 2´Ü°è ³×ºñ°ÔÀÌ¼Ç ±¸Çö, À̹ÌÁö ½½¶óÀÌ´õ ±¸Çö, Æ˾÷⠽ýºÅÛ ±¸Çö, ÀÏ¹Ý ´ÙÀ̾ó·Î±× ±¸Çö |
---|---|---|
Step 5 | ¸Åü ±â´ÉÀû ¿ä¼Ò ¼öÁ¤ º¸¿ÏÇϱâ | ÅÇ UI ±¸Çö, È¸é ½ºÅ©·Ñ¸µ°ú °ü·ÃµÈ UI Àû¿ë, ¿Â¶óÀÎ ¹®ÀÇ Æû ½ÇÁ¦ ó¸® ÀÛ¿ë, ÇÁ·ÎÁ§Æ® Æò°¡ |
Step 5 | ÇÁ·ÐÆ®¿£µå°³¹ß ±âÃÊ ÀÔ¹® | º¯¼ö, ¿¬»êÀÚ, Á¦¾î¹®, ¹Ýº¹¹®, ÇÔ¼ö, ¹è¿, DOM ¿ä¼ÒÀÇ »ý¼º, »ðÀÔ, »èÁ¦, DOM ¿ä¼ÒÀÇ ¼Ó¼º Ãß°¡ ¹× »èÁ¦, DOM ¿ä¼ÒÀÇ Style Ãß°¡ ¹× »èÁ¦, DOM ¿ä¼Ò¸¦ ÀÌ¿ëÇÏ¿© °¶·¯¸® ¸®½ºÆ® Ãß°¡ »èÁ¦Çϱâ , banner Á¦ÀÛÇϱâ, setTimeout°ú setInterval, jQuery ¹è³ÊÁ¦ÀÛ |
Step 5 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | À¥¿¡¼ RSS ÇǵåÀÇ XMLµ¥ÀÌÅÍ Ã£±â, RSS ÇǵåÀÇ XMLºÐ¼®, XMLµ¥ÀÌÅ͸¦ ÆĽÌÇÏ¿© À̹ÌÁö ¸®½ºÆ® ¸¸µé±â, RSS ÇǵåÀÇ XML µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÑ ¿òÁ÷ÀÌ´Â À̹ÌÁö °¶·¯¸® ¿Ï¼º, ÀÚ¹Ù½ºÅ©¸³Æ® ºñµ¿±â ¹æ½Ä±â¼ú, Ajax ±¸Á¶ÀÇ ÀÌÇØ, Ajax ÇнÀÀ» À§ÇÑ ¼¹öȯ°æ ±¸Ãà |
Step 5 | JSON & Ajax È°¿ë°ú ¸ð¹ÙÀÏ | XML Http Request °´Ã¼, Get ¹æ½ÄÀÇ µ¥ÀÌÅÍ ¿äû, Å©·Î½ººê¶ó¿ìÀú, post ¹æ½ÄÀÇ µ¥ÀÌÅÍ¿äû, XML µ¥ÀÌÅÍó¸®, JSONµ¥ÀÌÅÍó¸®, AjaxÈ°¿ë¿¹Á¦, ¹ÝÀÀÇü¿ø¸®, ¸ð¹ÙÀÏ ÆäÀÌÁö Á¦ÀÛÇϱâ, Ajax¿ÍJSON À» ÀÀ¿ëÇÑ ÆäÀÌÁö Á¦ÀÛÇϱâ |
Step 6 | Angular1,2¿Í TypeScript | Angular 1°ú Angular2ÀÇ Æ¯Â¡, Angular 2 »ýÅ°è¿Í °ü·Ã ¶óÀ̺귯¸®, TypeScriptÀÇ ¼Ò°³¿Í Ư¡, TypeScriptº¯¼ö¼±¾ð ¹× ¹è¿Çü ¼±¾ð ¹× ¸Å°³º¯¼ö, °´Ã¼ÁöÇâÇÁ·Î±×·¡¹Ö(Ŭ·¡½º ¼±¾ð°ú »ç¿ë,Ŭ·¡½º »ó¼Ó,ÀÎÅÍÆäÀ̽º,Ãß»óŬ·¡½º) |
---|---|---|
Step 6 | Angular1,2¿Í TypeScript | ÄÄÆ÷³ÍÆ® ¼Ò°³, ±¸Á¶, ÄÄÆ÷³ÍÆ® ±âÃʽǽÀ, ÄÄÆ÷³ÍÆ®°£ »óÈ£ÀÛ¿ë |
Step 6 | Angular1,2¿Í TypeScript | ÀÚ½Ä ¿¤¸®¸ÕÆ®ÀÇ È£Ãâ°ú Ž»ö, ÄÄÆ÷³ÍÆ® ½ºÅ¸ÀÏ, ¸ðµâ ¼Ò°³, ¾ÖÇø®ÄÉÀÌ¼Ç ·çÆ® ¸ðµâ, Ư¡ ¸ðµâ |
Step 6 | Angular1,2¿Í TypeScript | ¶ó¿ìÅÍ ¼Ò°³/Ư¡ ¸ðµâ ¶ó¿ìÅÍ, °¡µå¼Ò°³ ¹× ¼ºñ½º±â¹Ý ·Î±×ÀΠó¸®, ÀÇÁ¸¼º ÁÖÀÔ (°³¿ä,Á¦°øÀÚ,°´Ã¼ ÁÖÀÔ ¹æ¹ý), Template (¼Ò°³,µ¥ÀÌÅÍ Ç¥½Ã,¸í·É½Ä,»ðÀÔ½Ä,¹ÙÀεù), Áö½ÃÀÚ (¼±¾ðÇü ÇÁ·Î±×·¡¹Ö°ú Áö½ÃÀÚ, Ä¿½ºÅÒÁö½ÃÀÚ,½Ç½À), ÆÄÀÌÇÁ ( AngularJS ÇÊÅÍ¿Í Angular 2 ÆÄÀÌÇÁ ºñ±³,³»ÀåÆÄÀÌÇÁ,Ä¿½ºÅÒÆÄÀÌÇÁ), Æû (Æû ¼Ò°³¿Í AngularÀÇ Æû °ËÁõ ¹æ½Ä, ÅÛÇø´ ÁÖµµ °ËÁõ, ¸ðµ¨ ÁÖµµ °ËÁõ ), ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ò°³/±âÃÊÈ°¿ë |
Step 6 | HTTPÀÇ ÀÌÇØ | ÇÁ·Î¹Ì½º ¼Ò°³, RxJS ¼Ò°³, Jsonp ¿äûÀ» ÇÁ·Î¹Ì½º·Î ó¸®, Jsonp ¿äûÀ» RxJS·Î ó¸®, HTTP ¿äû°ú ÀÀ´ä ó¸®, HTTP ¸ðµâ, ¸Þ¸ð¸® DB Áغñ, ÇÁ·Î¹Ì½º ±â¹Ý Àι°°ü¸®, RxJS ±â¹Ý Àι°°ü¸® |
Step 6 | MVCÆÐÅÏÀ» Àû¿ëÇÑ ÇÁ·ÎÁ§Æ® ½Ç½À | ÁÖÁ¦¼±Á¤, º¥Ä¡¸¶Å·, ½ºÅ丮º¸µå, ¿ä±¸»çÇ× ºÐ¼®, ½Ã½ºÅÛ ºÐ¼® ¹× ¼³°è, DB¸ðµ¨¸µ, °³¹ßȯ°æ ¼³Á¤, ÇÁ·ÎÁ§Æ® °³¹ß, Å×½ºÆ® ¹× µð¹ö±ë ÀÛ¾÷, ÇÁ·ÎÁ§Æ® ¹ßÇ¥ ¹× Æò°¡ |
Step 6 | MVCÆÐÅÏÀ» Àû¿ëÇÑ ÇÁ·ÎÁ§Æ® ½Ç½À | ¿ä±¸»çÇ× ºÐ¼® |
ÀÔ·ÂÇÑ Á¤º¸°¡ ´Ù¸¦ °æ¿ì ´äº¯À» ¹ÞÀ¸½Ç ¼ö ¾ø½À´Ï´Ù.
±âÀÔÇϽŠÁ¤º¸´Â ¹®ÀÇ¿¡ ´ëÇÑ ´äº¯ ¸ñÀû¿Ü¿¡ ´Ù¸¥ ¿ëµµ·Î »ç¿ëµÇÁö ¾Ê½À´Ï´Ù.