¢Ã 1Àå_À¥ »çÀÌÆ® ÃÖÀûÈ À¥ »çÀÌÆ® ¼º´É°ú ÃÖÀûÈ ºê¶ó¿ìÀú µ¿ÀÛ ¹æ½Ä¿¡ ±â¹ÝÇÑ ÃÖÀûÈ - ¼ºñ½º À̵¿ ´Ü°è - ¸®´ÙÀÌ·ºÆ® ´Ü°è - ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã È®ÀÎ ´Ü°è - ³×Æ®¿öÅ© Åë½Å ´Ü°è - ºê¶ó¿ìÀú ó¸® ´Ü°è ¿ä¾à ¢Ã 2Àå_±âº»ÀûÀÎ À¥ »çÀÌÆ® ÃÖÀûÈ ¹æ¹ý HTTP ¿äû ÃÖ¼ÒÈ - CSS ½ºÇÁ¶óÀÌÆ® ±â¹ý Ȱ¿ë - Çì´õ¿¡ ¸¸·á ³¯Â¥ Ãß°¡ - ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ ÅëÇÕ ÆÄÀÏ Å©±â ÃÖ¼ÒÈ - Gzip ¾ÐÃàÀ» ÀÌ¿ëÇÑ ÆÄÀÏ Å©±â ÃÖ¼ÒÈ - ÄíŰ Å©±â ÃÖ¼ÒÈ ·»´õ¸µ ¼º´É Çâ»ó - ½ºÅ¸ÀÏ½ÃÆ®¿Í ÀÚ¹Ù½ºÅ©¸³Æ® ¹èÄ¡¸¦ ÀÌ¿ëÇÑ ¼º´É Çâ»ó - Ãʱ⠷»´õ¸µ ½Ã AJAX ¿äû ÃÖ¼ÒÈ - ¸¶Å©¾÷ ÃÖÀûÈ ¿ä¾à ¢Ã 3Àå_¼º´ÉÀ» ³ôÀÌ´Â ÄÚµå ½ºÅ¸ÀÏ °´Ã¼ÀÇ »ý¼º, ÃʱâÈ ¼º´É - ¹è¿ÀÇ »ý¼º, ÃʱâÈ ¼º´É ºñ±³ - ¿ÀºêÁ§Æ®(Object) °´Ã¼ÀÇ »ý¼º, ÃʱâÈ ¼º´É ºñ±³ ½ºÄÚÇÁ üÀΠŽ»ö°ú ¼º´É - ½ºÄÚÇÁ üÀÎÀ̶õ? - Áö¿ªº¯¼ö¸¦ Ȱ¿ëÇÑ ½ºÄÚÇÁ üÀΠŽ»ö ¼º´É °³¼± - ÇÁ·ÎÅäŸÀÔ Ã¼ÀÎ - ±× ¿Ü ½ºÄÚÇÁ üÀΠŽ»ö ¼º´É¿¡ ¿µÇâÀ» ¹ÌÄ¡´Â ¿ä¼Ò ¹Ýº¹¹®°ú ¼º´É - ¹Ýº¹¹®ÀÇ ¼º´É ºñ±³ - for, while, do-while ±¸¹®ÀÇ ÃÖÀûÈ - È¿À²ÀûÀÎ ¾Ë°í¸®Áò ±¸ÇöÀ» ÅëÇÑ ¼º´É °³¼± Á¶°Ç¹®°ú ¼º´É - Á¶°Ç¹®ÀÇ ¼º´É ºñ±³ - Á¶°Ç¹® ÃÖÀûÈ - Äڵ庰 Àå´ÜÁ¡ ºñ±³ ¹®ÀÚ¿ ¿¬»ê°ú ¼º´É - ¹®ÀÚ¿ »ý¼º ¼º´É ºñ±³ - ¹®ÀÚ¿ ¿¬»ê ¼º´É ºñ±³ Á¤±Ô Ç¥Çö½Ä°ú ¼º´É - Ž»ö ´ë»ó Ãà¼Ò¸¦ ÅëÇÑ ¼º´É Çâ»ó - ÄÄÆÄÀÏ È½¼ö Ãà¼Ò¸¦ ÅëÇÑ ¼º´É Çâ»ó ¿ä¾à ¢Ã 4Àå_·»´õ¸µ ·»´õ¸µ °úÁ¤ - ·»´õ¸µÀÌ ÁøÇàµÇ´Â °úÁ¤ - ¸®ÇÃ·Î¿Í ¸®ÆäÀÎÆ® - ·»´õ¸µ °úÁ¤ È®ÀÎÇϱ⠸®Ç÷ΠÃÖ¼ÒÈ ¹æ¹ý - ÀÛ¾÷ ±×·çÇÎ - ½ÇÇà »çÀÌŬ - ³ëÃâ Á¦¾î¸¦ ÅëÇÑ ¸®Ç÷ΠÃÖ¼ÒÈ ¹æ¹ý - ij½Ì - CSS ±ÔÄ¢ Çϵå¿þ¾î °¡¼Ó ·»´õ¸µ - ºê¶ó¿ìÀú¿¡¼ÀÇ È°¿ë - À¥Å¶ÀÇ GPU ·»´õ¸µ - ÀÎÅÍ³Ý ÀͽºÇ÷η¯ÀÇ GPU ·»´õ¸µ ¿ä¾à ¢Ã 5Àå_UI ½º·¹µå¿Í ŸÀ̸ÓÀÇ È°¿ë UI ½º·¹µåÀÇ Á¤ÀÇ¿Í Æ¯Â¡ ŸÀ̸ÓÀÇ Á¤ÀÇ¿Í Æ¯Â¡ - setTimeout() ÇÔ¼ö¿Í setInterval() ÇÔ¼öÀÇ Â÷ÀÌ - ŸÀ̸Ӵ ¾ó¸¶³ª Á¤È®ÇѰ¡? ŸÀ̸Ӹ¦ Ȱ¿ëÇÑ ÀÛ¾÷ ½ºÄÉÁÙ¸µ - ÆäÀÌÁö ·Îµù ½Ã ¹ß»ýÇÒ ¼ö ÀÖ´Â ¹®Á¦ - Á¡ÁøÀû 󸮸¦ À§ÇÑ ÀÛ¾÷ ½ºÄÉÁÙ¸µ - Á¡ÁøÀû ·»´õ¸µ(Progressive Rendering) - ´ë±â ½Ã°£ ÁÙÀ̱⠰í·ÁÇÒ ¼ö ÀÖ´Â »õ·Î¿î ¹æ¹ýµé - È¿À²Àû ½ºÅ©¸³Æ® ½ÇÇà - setImmediate() ÇÔ¼ö - ´ÜÀÏ ½º·¹µå ±Øº¹ - À¥¿öÄ¿(Web Worker) - È¿À²ÀûÀÎ ½ºÅ©¸³Æ® ¾Ö´Ï¸ÞÀÌ¼Ç ½ÇÇà - requestAnimationFrame() - ÇÔ¼ö ¿ä¾à ¢Ã 6Àå_DOM ½ºÅ©¸³ÆÃ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚ¾î¿Í DOM ½ºÅ©¸³ÆÃ - ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚ¾îÀÇ ¼º´É ¹ßÀü - ÀÚ¹Ù½ºÅ©¸³Æ® º¥Ä¡¸¶Å©¿Í DOM ½ºÅ©¸³ÆÃ DOM Á¢±Ù ÃÖ¼ÒÈ - DOM ij½Ì - HTML Ä÷º¼Ç ij½Ì - ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ij½Ì CSS ¼Ó¼º º¯°æ - CSS Ŭ·¡½º³ª ±ÔÄ¢ »ç¿ë - CSS ±ÔÄ¢ »ç¿ë - ÀÎÅÍ³Ý ÀͽºÇ÷η¯¿¡¼ ¼º´É ÀúÇϸ¦ °¡Á®¿À´Â - :hover ¼±ÅÃÀÚ - CSS ¼±ÅÃÀÚ »ç¿ë À̺¥Æ® - À̺¥Æ® À§ÀÓ - ºü¸£°Ô ¹Ýº¹µÇ´Â À̺¥Æ®ÀÇ ´Ü¼øÈ ¿ä¾à ¢Ã 7Àå_AJAX¿Í ´ÙÀ̳»¹Í ·Îµù È¿À²ÀûÀÎ AJAX Åë½Å - º¯ÇÏÁö ¾Ê´Â µ¥ÀÌÅÍ - ÀÏÁ¤ÇÑ ÁÖ±â·Î º¯ÇÏ´Â µ¥ÀÌÅÍ - ·ÎÄà ÀúÀå¼Ò¸¦ ÀÌ¿ëÇÑ Ä³½Ì ´ÙÀ̳»¹Í ·Îµù°ú ÃÖÀûÈ - À̹ÌÁö ·Îµù ¼Óµµ ÃÖÀûÈ - ´ÙÀ̳»¹Í ·ÎµùÀ» Ȱ¿ëÇÑ ÃÖÀûÈ - Áö¿¬ ·Îµù - ÃÖÀûÈ¿Í ºê¶ó¿ìÀú Á¡À¯À² - µ¿ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ½ÇÇà - ÀÇÁ¸¼º ÀÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ´ÙÀ̳»¹Í ·Îµù ÃÖÀûÈ »ç·Ê - »ó¼¼ °Ë»ö ¿ä¾à ¢Ã 8Àå_¼º´ÉÀ» ³ôÀÌ´Â ½Å±â¼ú Æú¸®ÇÊ ³»ºñ°ÔÀÌ¼Ç Å¸ÀÌ¹Ö API À¥ ÀúÀå¼Ò - À¥ ÀúÀå¼ÒÀÇ È°¿ë - IndexedDB¿Í À¥ SQL µ¥ÀÌÅͺ£À̽º¿ÍÀÇ ºñ±³ ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã À¥¼ÒÄÏ - ¾ç¹æÇâ Åë½Å°ú ÄÚ¸ä - Áö¼ÓÀûÀ¸·Î ¼¹ö¿Í ¿¬°áÇÒ ¼ö ÀÖ´Â À¥¼ÒÄÏ - À¥¼ÒÄÏ »ç¿ë ¹æ¹ý - À¥¼ÒÄÏ ¼¹ö CSS3 3D Transforms Prefetch¿Í Pre-Rendering ¿ä¾à ¢Ã 9Àå_³×À̹ö ¸ÞÀÏ 3.0 ¼º´É °³¼± »ç·Ê ¸ÞÀÏ 3.0 ¼ºñ½º °³¹ß°ú ¼º´É ¹®Á¦ ³×Æ®¿öÅ© ¿äû ÁÙÀ̱â - Çì´õ¿¡ ¸¸·á ³¯Â¥ ¼³Á¤ - ¹öÆÛ ºñ¿ì±â - AJAX ¿äû Ƚ¼ö ÁÙÀ̱â - CSS ½ºÇÁ¶óÀÌÆ® »ç¿ë - ¿ÜºÎ¿¡ ½ºÅ¸ÀÏ½ÃÆ® ÆÄÀϰú ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ ÀÛ¼º - '404 Not Found' ¹ß»ý ¿øÀÎ Á¦°Å ÆÄÀÏ Å©±â ÁÙÀ̱â - Gzip ÄÄÆ÷³ÍÆ® »ç¿ë - CSS ÆÄÀϰú ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ ÅëÇÕ - »ç¿ëÇÏÁö ¾Ê´Â CSS ±ÔÄ¢ Á¦°Å - ÄíŰ Å©±â ÁÙÀ̱â - ÆäÀÌÁö Å©±â¸¦ Áõ°¡½ÃŰ´Â µðÀÚÀÎ ¼öÁ¤ ÃÊ±â ÆäÀÌÁö ·Îµù ¼Óµµ ³ôÀ̱â - ·»´õ¸µ ¹æ½Ä º¯°æ - AJAX ij½Ã »ç¿ë - IFrame »ç¿ë ÁÙÀ̱â - CSS Expression( ) Ç¥Çö½Ä »ç¿ëÇÏÁö ¾Ê±â ¿ä¾à