¸ð´ø ¼îÇθô ÇÁ·ÐÆ®¿£µå °³¹ß·Î ¹è¿öº¸´Â À¥°³¹ß 4ÁÖ ´Ü±â¿Ï¼º °ÀÇ!
°³²¿ª 5ºÐ°Å¸®¿¡¼ ¸ÅÁÖ ÀÏ¿äÀÏ 10½ÃºÎÅÍ, 4ÁÖ°£ ÁøÇàµË´Ï´Ù!
´õ ÀÚ¼¼ÇÑ ³»¿ëº¸±â & ½ÅûÀº codingapple.com
³À̵µ & ´ë»ó
- HTML/CSS ±âÃʸ¦ ¾Æ´Â ºÐµé (HTML ±âÃÊ ¼Àû 50ÆäÀÌÁö Á¤µµ ÈÈ°í ¿À½Ã¸é µË´Ï´Ù.)
- Javascript°¡ óÀ½À̰ųª °£´ÜÇÑ ¹®¹ý¸¸ Á¶±Ý ¾Æ´Â ºÐµé
ÀÇ ·¹º§¿¡ ¸ÂÃç ÁøÇàµË´Ï´Ù.
±ÇÀå HTML ±âÃÊÁö½ÄÀº
- À̹ÌÁö¸¦ ´·¶À» ¶§ ³×À̹ö·Î À̵¿ÇÏ°Ô ÇÏ´Â ¹ý
- °£´ÜÇÑ ¸®½ºÆ®¸¦ ¸¸µå´Â ¹ý
- Æû input°ú Àü¼Û¹öÆ° ¸¸µå´Â ¹ý
- CSS·Î ½ºÅ¸ÀÏ ³Ö´Â ¹ý
- div¸¦ ÀÌ¿ëÇÑ °£´ÜÇÑ PC ·¹À̾ƿô
ÀÌ Á¤µµ´Â ¹Ì¸® ÇнÀÇÏ°í ¿À´Â°É Ãßõµå¸³´Ï´Ù.
<Ä¿¸®Å§·³>
* °ø½Ä±³Àç´Â PPT/PDF 240¿©ÀåÀ¸·Î Á¦°øµË´Ï´Ù.
[1~2ÁÖ] ¼îÇθô ¸ÞÀÎÆäÀÌÁö¿Í »ó¼¼ÆäÀÌÁö Á¦ÀÛ & ±â´É°³¹ß
- ¿äÁò À¥°³¹ß Æ®·»µå (¸ð¹ÙÀÏ ¾Û °³¹ß½ÃÀåÀÌ Á×¾î¹ö¸° ÀÌÀ¯)
- Bootstrap4¸¦ ÀÌ¿ëÇØ 10ºÐ¸¸¿¡ ¼îÇθô ¸ÞÀÎÆäÀÌÁö ¸¸µé±â
- ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ÇÓ±â ÇÁ·ÎÁ§Æ®
- ·Î±×ÀÎ/ ȸ¿ø°¡ÀÔ Modal â : À̺¥Æ®¿Í ±âÃÊ ¼¿·ºÅÍ
- ·Î±×ÀÎ/ ȸ¿ø°¡ÀÔ Modal â2 : ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®·Î ÄÚµå refactoring
- »óÇ° Áø¿ ¹× µ¥ÀÌÅÍ ´Ù·ç±â ±âÃÊ : Array¿Í ObjectÀÇ ¿ëµµ, ±×¸®°í °£´ÜÇÑ µ¥ÀÌÅÍ ¹ÙÀεù
- HTML ¿ä¼Ò ã±â¿Í ¹èÄ¡ : vanilla JS ¼¿·ºÅÍ¿Í name, id, data ¸ô·¡ ½É¾î³õ´Â ¹ý
- BootstrapÀ¸·Î »ó¼¼ÆäÀÌÁö 15ºÐ¸¸¿¡ ¸¸µé±â
- Æû ±â´É °³¹ß : µ¥ÀÌÅÍ Çü½Ä °Ë»çÇϱâ (string validation) ¿Í if Á¶°Ç¹®
- ÄÚµå Àç»ç¿ë : ÇÔ¼ö µîÀ¸·Î ºñ½ÁÇÑ ÄÚµå Àç»ç¿ëÇϱâ
- À̺¥Æ®¸¦ ÀÌ¿ëÇÑ ÄÚµå¾ç ÁÙÀ̱â : Event Bubbling°ú Event °´Ã¼¸¦ ÀÌ¿ëÇØ °í¼öó·³ À̺¥Æ® ´Ù·ç±â
- ¸ð´Þâ ¾÷±×·¹À̵å : À̺¥Æ® °´Ã¼¸¦ ÀÌ¿ëÇØ ¹è°æÀ» ´·¯ ¸ð´ÞâÀ» ´Ý¾Æº¸ÀÚ
- jQuery ÀÔ¹®°ú ¿¹Á¦ : jQuery¸¦ ÀÌ¿ëÇÑ ¼Õ½¬¿î ±â´É°³¹ß
[3~4ÁÖ] ¼îÇÎÄ«Æ® ¸®½ºÆ®, °áÁ¦ Æû, Ajax, ¾Ö´Ï¸ÞÀÌ¼Ç µî
- BootstrapÀ¸·Î Àå¹Ù±¸´Ï ÆäÀÌÁö 10ºÐ¸¸¿¡ ¸¸µé±â
- Áß¿äÇÑ Tab ±â´É : °°Àº ÄÚµå for ¹®À¸·Î ¹Ýº¹Çϱâ
- Àå¹Ù±¸´Ï Ãß°¡ ¹öÆ° ¸¸µé±â : ¼¹ö¸»°í ºê¶ó¿ìÀú¿¡ ¸ô·¡ Á¤º¸¸¦ ÀúÀåÇϱâ (Cookie / local Storage)
- Àå¹Ù±¸´Ï¿¡ ³ÖÀ» »óÇ° µ¥ÀÌÅÍ ±¸Ãà : Array¿Í Object µ¥ÀÌÅÍ ´Ù·ç±â ½ÉÈ
- Àå¹Ù±¸´Ï Ç°¸ñ ¹ÙÀεù : ¿¾³¯ vs ÃֽŠ¹®¹ýÀ» ÀÌ¿ëÇÑ ÀÚ·á iteration
- Àå¹Ù±¸´Ï ½º¸ô UI : ¹öÆ° ¹× °è»ê±â´É ¸¸µé±â
- °´Ã¼ÁöÇâ ÇÁ·ÎÁ§Æ® (Overwatch ¸¸µé±â) : ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Class ¿Í °´Ã¼, ±×¸®°í prototype
- »óÇ°Áø¿ ½ÉÈ (¸ÞÀÎÆäÀÌÁö ¾÷±×·¹À̵å) : Ajax Åë½ÅÀ» ÀÌ¿ëÇØ »óÇ°¸ñ·Ï ´õ ºÒ·¯¿À±â
- ¸Þ´º ¼û±â±â ¾Ö´Ï¸ÞÀÌ¼Ç : Scroll À̺¥Æ®¿Í css ¾Ö´Ï¸ÞÀÌ¼Ç ÀÌ¿ëÇϱâ
- °áÁ¦±â´É : ¿ÜºÎ API¸¦ ÀÌ¿ëÇØ Paypal µî °£´ÜÇÑ °áÁ¦ ¸ðµâ ºÙ¿©º¸±â (¿äû½Ã)
- Vue.js ÇÁ·ÎÁ§Æ® : Vue.js ¸¦ ÀÌ¿ëÇÑ µ¥ÀÌÅÍ ¹ÙÀεù°ú iteration ¸Àº¸±â
<ÀåÁ¡>
1. ¹®¹ýÇнÀ¸¸ ÁøÇàµÇÁö¾Ê½À´Ï´Ù.
ù³¯ºÎÅÍ ¹Ù·Î ¼îÇθôºÎÅÍ ÇÁ·ÎÁ§Æ® Á¦ÀÛ!
ÀÚ¹Ù½ºÅ©¸³Æ® ¹®¹ýÀº ÇÁ·ÎÁ§Æ®¸¦ ¸¸µé¸ç ¸Â´Ú¶ß¸± ¼ö ÀÖ´Â ½ÇÀü »óȲ¿¡¼ ¹è¿öº¸°Ô µË´Ï´Ù.
2. ÄÚµå µû¶óÀû±â½Ä °ÀÇ°¡ ¾Æ´Õ´Ï´Ù.
ÇÁ·Î±×·¡¹Ö ³í¸®À» ¹è¿öº» ÈÄ Á÷Á¢ Äڵ带 ÀÛ¼ºÇغ¸´Â ½Ã°£À» ¸¹ÀÌ °¡Á®º¸°Ô µË´Ï´Ù.
3. ÀÚ¹Ù½ºÅ©¸³Æ® Ã¥ Àо È¥ÀÚ ÄÚµå ¸øÂ¥´ø ºÐµé ¸¹À¸½ÃÁÒ?
ÇÁ·Î±×·¡¹Ö ÇÏ´Â ¹ýÀ» ¾È¹è¿ì¼ÌÀ¸´Ï±î ±×·¸ÁÒ!
ÄÚµù¾ÖÇÃÀº »ý°¢´ë·Î Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖ´Â »ç¶÷À» ¸¸µå´Â°Ô ¸ñÇ¥!
<ÇÁ·ÎÁ§Æ® »ùÇÃ>
¡ã ¸¸µé¾îº¼ ÆäÀÌÁö 3~4°³ ¹× ¿©·¯°¡Áö ¼îÇθô Çʼö±â´ÉÀÌ Æ÷ÇԵǾîÀÖ½À´Ï´Ù.
±âŸ »ó¼¼ÇÑ Ä¿¸®Å§·³Àº ÄÚµù¾ÖÇà ȨÆäÀÌÁö¿¡¼ Á¶È¸°¡´ÉÇÕ´Ï´Ù
´õ ÀÚ¼¼ÇÑ ³»¿ëº¸±â & ½ÅûÀº codingapple.com
Ãâó : °í·Á´ëÇб³ °íÆĽº 2024-04-19 11:44:07: