¾Èµå·ÎÀÌµå ½ºÅ͵ð ¿î¿µÀÚ ÀÌ°æ¿ë ÀÔ´Ï´Ù.
µåµð¾î ºÎ»ê¿¡¼ ÇÏÀ̺긮µå ¾Û ±³À°À» ÁøÇàÇÏ°Ô µÇ¾ú½À´Ï´Ù.
º» ±³À°Àº µ¿¼´ëÇб³ LINC »ç¾÷ ÀÏÇÑÀ¸·Î½á ¹«·á·Î ÀçÁ÷ÀÚ ´ë»óÀ¸·Î ±³À°À» ÁøÇà ÇÕ´Ï´Ù.
À̹ø¿¡ ÁøÇàÇÒ ±³À°Àº ÇÏÀ̺긮µå¾Û °³¹ßÀ» À§ÇÑ HTML5 + jQuery UI ±³À°À¸·Î½á ¼¿ï¿¡¼ À¯´ÉÇÑ °»ç´ÔÀ» ¸ð¼Å¼ ÁøÇàÇÕ´Ï´Ù.
ÇÏÀ̺긮µå¾Û °³¹ßÀ̶õ?
ÇϳªÀÇ ¼Ò½º·Î ¾ÆÀÌÆù, ¾Èµå·ÎÀ̵å, ´Ù¼öÀÇ µð¹ÙÀ̽º¿¡¼ µ¿ÀÛÇÒ ¼ö ÀÖµµ·Ï Çϱâ À§ÇÑ À¥ ±â¹ÝÀÇ Ç÷§ÆûÀ̶ó°í »ý°¢ÇÏ½Ã¸é µË´Ï´Ù. Áï, À¥À» Á» ¾Ë°Å³ª °ü½É ÀÖÀ¸½Å ºÐÀ̶ó¸é ¾ÆÀÌÆù, ¾Èµå·ÎÀÌµå ¾Û °³¹ß °øºÎÇϽô °Í º¸´Ù´Â Á»´õ ¼ö¿ùÇÏ°Ô Á¢±ÙÇÏ½Ç ¼ö ÀÖÀ» °Ì´Ï´Ù.
°ÀÇ »ó¼¼ ³»¿ëÀº ´ÙÀ½°ú °°½À´Ï´Ù.
°ÀÇÁ¦¸ñ : ÇÏÀ̺긮µå¾Û °³¹ßÀ» À§ÇÑ HTML5 + jQuery UI
°»ç : µ¿ÁØ»ó °»ç
±â°£ : 2012³â 12¿ù 17ÀÏ,18ÀÏ,20ÀÏ,21ÀÏ (19ÀÏÀº ¼±°ÅÀÏ Á¦¿Ü, 4ÀÏ°£ ±³À°)
½Ã°£ : Àú³á 7½Ã ~ 10½Ã (3½Ã°£)
Àå¼Ò : ºÎ»ê¸ð¹ÙÀϾ۰³¹ß¼¾ÅÍ ±³À°Àå (ºÎ»ê ¼¾ÅÒ½ÃƼ ºÎ»êÁ¤º¸»ê¾÷ÁøÈï¿ø 3F)
ÀÚ°Ý : ÀçÁ÷ÀÚ (ÀçÁ÷ÀÚ ¾Æ´Ñ ºÐµµ °ÀÇ´Â µéÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.)
½Åû : ¾Æ·¡ ÄÚ¸àÆ®¿¡ ȸ»ç¸íÀ» ÀÛ¼ºÇØ ÁÖ¼¼¿ä!
Àοø : 30¸í
°ÀÇ ¾È³»
1. °úÁ¤°³¿ä :
º» ±³À°°úÁ¤Àº
HTML5, jQuery UI ¸¦ È°¿ëÇÑ Hybrid ¾Û °³¹ß¿¡ °ü½ÉÀÌ ÀÖ´Â ÀçÁ÷ÀÚ¸¦ À§ÇÑ °úÁ¤À¸·Î Hybrid ¾Û °³¹ßÀÇ ±â¹ÝÀÌ µÇ´Â HTML5 ¿Í jQuery UI ÀÇ ´Ù¾çÇÑ ¼Ó¼ºµéÀ» »ìÆ캸°í Ç¥ÁØ¿¡ ±Ù°ÅÇÑ ´Ù¾çÇÑ ¸ð¹ÙÀÏ À¥ °³¹ß ȯ°æÀ» Á÷Á¢ ±¸ÃàÇØ º½À¸·Î½á, ´Ü ±â°£³»¿¡ HTML5 ¿Í jQuery UI ÇÙ½ÉÀ» ½ÀµæÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
º» °úÁ¤ ¼ö° ÈÄ, Javascript - Sencha Touch °ü·Ã °ÀǸ¦ ¼ö°Çϸé Hybrid ¾Û °³¹ß¿¡ ÇÑ°ÉÀ½ °¡±îÀÌ ´Ù°¡°¡½Ç ¼ö ÀÖ½À´Ï´Ù.
2. ´ë»ó :
HTML5 ¹× jQuery UI ¿¡ °ü½ÉÀÌ ÀÖ´Â À¥ °ü·Ã Á¾»çÀÚ ¸ð¹ÙÀÏ ¹× N-Screen ȯ°æÀ» À§ÇÑ ¼ºñ½º¸¦ ±âȹÁßÀÎ ±âȹÀÚ À¥Ç¥ÁØ¿¡ ´ëÇÑ °³³äÀ» Á¤¸³ÇÏ°íÀÚ ÇÏ´Â °³¹ßÀÚ ¹× À¥ µðÀÚÀÌ³Ê À¥ »çÀÌÆ® À¯Áö º¸¼ö °ü·Ã ¾÷¹«¸¦ ´ã´çÇÏ°í ÀÖ´Â ½Ç¹«ÀÚ À¥Ç¥ÁØ ¹æ¹ý·Ð¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ Áö½ÄÀ» ÇÊ¿ä·Î ÇÏ´Â °ü¸®ÀÚ ¹× PM
3. ¼±¼öÁö½Ä :
HTML, CSS
°ÀÇ Äõ¸®Å§·³
1ÀÏÂ÷ (ÀÌ·Ð/ȯ°æ±¸Ãà) :
1. ÀÎÅÍ³Ý È¯°æÀÇ º¯È¿Í º¯ÇÏÁö ¾Ê´Â À¥ÀÇ ¸ñÀû
- À¥ ȯ°æÀÇ º¯È
- À¥(Web)°ú ¾Û(App)ÀÇ Â÷ÀÌÁ¡
2. HTML5
- HTML5ÀÇ ¿ª»ç
3. °³¹ß ȯ°æ ±¸Ãà
- Firefox, Chrome µî ÃֽŠÀ¥ ºê¶ó¿ìÀú ¼³Ä¡
- Firefox Add-ons ¹× Chrome Extension
2ÀÏÂ÷ (ÀÌ·Ð/½Ç½À) :
4. Living Standard! HTML5
- HTML5¿¡¼ ´Þ¶óÁø ¹®¹ý
- ¸íÈ®ÇÑ Á¤º¸ ±¸Á¶ ¼³°è
- ÄÜÅÙÃ÷ ¸ðµ¨(Contents Model)
- HTML 5ÀÇ DOCTYPE
- HTML5 Semantic Element
- HTML5 Web Forms
3ÀÏÂ÷ (ÀÌ·Ð/½Ç½À) :
- jQuery »ç¿ë¹ý
- jQeury Selector
- jQeury ¸Þ¼Òµå
- jQeury Á¶ÀÛ(Manipulation)
- jQeury Event
- jQuery Animation
4ÀÏÂ÷ (ÀÌ·Ð/½Ç½À) :
7. HTML5 ±â¹ÝÀÇ ¸ð¹ÙÀÏ À¥ »çÀÌÆ® Á¦ÀÛ ½Ç½À
- À¥ »çÀÌÆ® ±¸Ãà Áغñ
- °øÅë Template Markup
- CSS¸¦ È°¿ëÇÑ µðÀÚÀÎ Àû¿ëÇϱâ
8. ¸ð¹ÙÀÏ À¥ »çÀÌÆ®·ÎÀÇ Àüȯ
- ¸ð¹ÙÀÏ À¥ »çÀÌÆ® ÀÛ¼º ½Ã °í·Á»çÇ× Ã¼Å©
- ¸ð¹ÙÀÏ ´ëÀÀ ¹æ¾ÈÀÇ ¼±Á¤
* ÀçÁ÷ÀÚ ¾Æ´Ñ ºÐµµ ½ºÅ͵ð ȸ¿øÀ̽öó¸é Âü¿© °¡´É ÇÕ´Ï´Ù. ´Ü, ÀçÁ÷ÀÚ À§ÁÖÀÇ ±³À°ÀÌ¶ó¼ ½ÅûÇϽǶ§ ÄÚ¸àÆ®¿¡ "ÀçÁ÷ÀÚ ¾Æ´ÏÁö¸¸ µè°í ½Í½À´Ï´Ù"¶ó°í ³²°Ü Áֽøé 10¸í±îÁö->5¸í±îÁö ½Åû °¡´É ÇÕ´Ï´Ù.
½Åû ÇöȲ : 26 / 30¸í
ÀçÁ÷ÀÚ ½ÅûÇöȲ (19¸í)
1. ÀÌ°æ¿ë (¾ÛÅøÁî)
2. ±è¸íÁø (³ìÇÏ¿£Áö´Ï¾î¸µ)
3. ±èÁ¤¼ö (ÀÌÁöÁö¿À)
4. ¹è°æȯ (ÀÌÁöÁö¿À)
5. À̵µÇö (¾Ë¿£Å×Å© ÁÖ½Äȸ»ç)
6. ±è°©ÀÎ (½ºÇÁ¸µ¾ÆÀÌƼ¿¡½º)
7. ¼¹«´ö (ÁÖ½Äȸ»ç ÀÎÁ¤)
8. Áø»ó¿î (ÁÖ½Äȸ»ç ¼Ò¿ï¸µ)
9. ¹ÚÂù¿ì (ÁÖ½Äȸ»ç ¾¾³×Æø½º)
10. ±èÇö½Â (ÁÖ½Äȸ»ç ¾¾³×Æø½º)
11. ±¸¸ðÁ¤ (ÁÖ½Äȸ»ç ¾¾³×Æø½º)
12. ¹Ú¼ÁØ (ÁÖ½Äȸ»ç ¾¾³×Æø½º)
13. ¹éÁø¼º (¿¥µð¼ÒÇÁÆ®)
14. °°æ·¡ (ÁÖ½Äȸ»ç SBÁ¤º¸±â¼ú)
15. ¹ÚÁ¾¹Î (ÁÖ½Äȸ»ç SBÁ¤º¸±â¼ú)
16. °º´±¹ (ÄĺñÁî)
17. ÀüºÀ±â (ÁÖ½Äȸ»ç Ƽ¿ÍÀÌÀκ£½ºÆ®¸ÕÆ® IT»ç¾÷ºÎ)
18. ŹÃæ¼ö (À̸ð¼Ç)
19. À¯Ã¤Áø (ÁÖ)Áö¿¡½ºÆ¼
ºñÀçÁ÷ÀÚ (7¸í)
ÀÌÈÇö, ½ÅÈ«±Õ, ±è¿ë¿î, ¹Ú¹ÎÀç, ±¸¿¬Á¤, °íº¸¼º, ÀüÁ¤ÈÆ
* ½Åû ¹æ¹ýÀº ÀçÁ÷ÁßÀÎ "ȸ»ç¸í"À» ³²°Ü ÁÖ½Ã¸é µË´Ï´Ù. ±×¸®°í ȸ¿øÁ¤º¸¿¡ ¿¬¶ôó¸¦ ¹Ýµå½Ã Á¤È®ÇÏ°Ô ÀÛ¼ºÇÏ¼Å¾ß Á¦°¡ ¿¬¶ôÀ» µå¸± ¼ö ÀÖ½À´Ï´Ù.
¿À½Ã´Â±æ ¾È³»
2È£¼± ¼¾ÅÒ½ÃƼ¿ª 2¹øÃⱸ¿¡¼ ÇÏÂ÷ÈÄ
Ä¿ÇǺó°ú ȨÇ÷¯½º »çÀÌ ±æ 5ºÐµµº¸
¼¾ÅÒº¥Ã³Å¸¿î(ºÎ»êÁ¤º¸»ê¾÷ÁøÈï¿ø °Ç¹°) 3Ãþ
ºÎ»ê¸ð¹ÙÀϾ۰³¹ß¼¾ÅÍ ±³À°Àå
´ëÁß±³Åë ÀÌ¿ë¾È³» :
¸¶À»¹ö½º : ÇØ¿î´ë±¸3-1, ÇØ¿î´ë±¸3-2
ÀϹݹö½º : 115, 181, 100, 31, 200, 5-1
Á¼®¹ö½º : 307
±ÞÇà¹ö½º : 1002, 1007
Ư° °Ô½ÃÆÇ :
* ±ÛÀ» µî·ÏÇϽǶ§ ²À ÇÊ¿äÇÑ °æ¿ì°¡ ¾Æ´Ï¸é °³ÀÎÁ¤º¸¸¦ ³²±âÁö ¸¶¼¼¿ä ^^ (¿¬¶ôó,À̸ÞÀÏÁÖ¼Ò,Áֹεî·Ï¹øÈ£ µî)