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