Re: Chrome & Web technology barcamp Á¦¾È

¾È³çÇϼ¼¿ä. ¿ÀÆä¶ó ¼ÒÇÁÆ®¿þ¾î ¹®»óȯÀÔ´Ï´Ù.

2013/10/16 ÃÖ¼º¶ô <ragiragi@gmail.com>

> ¾È³çÇϼ¼¿ä. DaumÀÇ ÃÖ¼º¶ôÀÔ´Ï´Ù. ±×°£ ´«Æø¸ ÇÏ´Ù°¡ ¸ÞÀϸµ¸®½ºÆ®¿¡´Â óÀ½ Àλçµå¸®³×¿ä.
>
> ¸ÕÀú ÀÎÅÍ³Ý ÀÚ·áµîÀ» ÅëÇؼ­¸¸ º¸´ø developer advocate ºÐµéÀÌ Á÷Á¢ ¿Í¼­ ¹ßÇ¥ÇØÁشٰí ÇÏ´Ï ±â´ë°¡ Å®´Ï´Ù. :)
> ¹°·Ð ±×°£ ±Ã±ÝÇß´ø Á¡µéµµ ¸¹½À´Ï´Ù.
>
>
> 1. Chrome-based Android WebView ¾÷µ¥ÀÌÆ® À̽´
>
> Å©·Ò ±â¹ÝÀÇ ¾Èµå·ÎÀ̵å À¥ºä(ÀÌÇÏ Å©·ÒÀ¥ºä)°¡ ÇöÀç ¿­½ÉÈ÷ ÀÛ¾÷ÁßÀ̶õ ¼Ò½ÄÀ» µè°í ¸¹Àº ±â´ë¸¦ ¸¹ÀÌ ÇÏ°í ÀÖ½À´Ï´Ù. ±Ã±ÝÇÑ°Ç,
> Å©·ÒÀ¥ºäÀÇ °æ¿ì ¾÷µ¥ÀÌÆ®°¡ ¾î¶² ¹æ½ÄÀ¸·Î ÀÌ·ç¾îÁúÁö ±Ã±ÝÇÕ´Ï´Ù. ¸¸¾à Android OSÀÇ ¾÷µ¥ÀÌÆ®¸¦ ÅëÇؼ­¸¸ Å©·ÒÀ¥ºä°¡ ¾÷µ¥ÀÌÆ®
> °¡´ÉÇÏ´Ù¸é, ÆÄÆíÈ­ ¹®Á¦°¡ ±ò²ûÇÏ°Ô ÇØ°áµÇÁø ¾ÊÀ» °Í °°Àºµ¥¿ä.
>
> ¿¹¸¦ µé¾î ŶĹ¿¡ Æ÷ÇÔµÈ À¥ºä´Â Å©·Ò31±â¹ÝÀ¸·Î ¸±¸®Áî µÇ¾ú´Âµ¥(°¡Á¤) ÇâÈÄ Å©·Ò ºê¶ó¿ìÀú°¡ 35, 40, ... °è¼Ó ¾÷µ¥ÀÌÆ®
> µÈ´Ù°í º¸¸é À¥ºä¿Í ºê¶ó¿ìÀúÀÇ ±â¹Ý ¹öÀüÀÌ ´Þ¶óÁö°Ô µË´Ï´Ù. (Å©·Ò ¹öÀü°£ÀÇ ÆÄÆíÈ­)
>
> Å©·ÒÀÇ °æ¿ì ¿ö³«¿¡ ºü¸£°Ô ¹öÀü¾÷ÇÏ°í ÀÖ°í, ÃֽŹöÀüÀ¸·Î ´ÜÀÏÈ­ ÇÏ°íÀÚ ÇÏ´Â °æÇâÀÌ °­ÇÏ´Ùº¸´Ï ¿ØÁö ÀÌ¿¡ ´ëÇÑ °í¹Îµµ ÇÏ°í ÀÖÀ» °Í
> °°Àºµ¥¿ä. Android OS¿Í »ó°ü¾øÀÌ Å©·Ò±â¹ÝÀ¥ºä¸¦ ¾÷µ¥ÀÌÆ® °¡´ÉÇÑ ¹æ¹ýÀÌ ÁغñµÇ°í ÀÖÀ»Áö ±Ã±ÝÇÕ´Ï´Ù
>

±¸±Û°ú ¹«°üÇÑ Á¦3ÀÚ¶ó "¾ÕÀ¸·ÎÀÇ ·Îµå¸Ê"Àº ¾î¶»°Ô µÉÁö ¸ð¸£´Â »óȲÀÌ¶ó ¹«ÀǹÌÇÑ ÄÚ¸àÆ®°¡ µÉ ¼ö ÀÖ½À´Ï´Ù¸¸, ÇöÀç´Â WebView
¹öÀü ÀÚü°¡ OS¿¡ Á¾¼ÓµÇ±â ¶§¹®¿¡ Á¦Á¶»ç ÀÔÀå¿¡¼­´Â ±²ÀåÈ÷ ¼ö°í½º·´°Ô OS¾÷±×·¹À̵带 Çؾ߸¸ ÇÏ´Â ¹®Á¦°¡ À־ standalone
ºê¶ó¿ìÀú¿Í ´Â ´Ù¸£°Ô WebView¸¦ running release ÇüÅ·ΠÇÏ´Â°Ç Çö½ÇÀûÀ¸·Î ¾î·ÆÁö ¾ÊÀ»±î »ý°¢µË´Ï´Ù.

WebView¸¦ upgradeable component·Î ºÐ¸®½ÃÅ°´Â ¹æ¹ýÀÌ ÀÖ°ÚÁö¸¸ À̰͵µ ±× ³ª¸§´ë·ÎÀÇ °ñÄ¡°Å¸®ÀΰÍÀÌ, ȣȯ¼º
Å×½ºÆ®¸¦ ÁøÇàÇؾßÇϴ Ÿ°Ù ÀÚü°¡ (Android ¹öÀü °¹¼ö)¿¡¼­ (Android ¹öÀü °¹¼ö) * (ÇØ´ç Android¿¡¼­ Áö¿øÇÏ´Â
WebView ¹öÀü °¹¼ö) ·Î µÇ°Ô µÇ´Âµ¥.. Cordova/Phonegap °°Àº ¾îÇø®ÄÉÀÌ¼Ç ÇÁ·¹ÀÓ¿÷À» ÀÌ¿ëÇÑ °æ¿ì¶ó¸é ¾î¶»°Ô
Å×½ºÆ®ÇؾßÇÒÁö »ý°¢¸¸Çصµ ¸Ó¸®¿¡ Áã°¡ ³¯°Í °°½À´Ï´Ù. (´Ü¸» Á¾·ù º°·Î WebView ¹öÀüÀ» ´Ù ´Ù¸£°Ô Çؼ­ º¸À¯¸¦ ÇÏ°í ÀÖÀ» ¼öµµ
¾ø´Â ³ë¸©ÀÌ°í, ±×·¸´Ù°í emulator¸¸À¸·Î´Â ½Å·Úµµ°¡ ³·°í)

¾Æ¿ï·¯ GPU composition¿¡ ÀÇÁ¸ÇÏ´Â °æ¿ì corner case ¹ö±×°¡ Èê·¯µé¾î¿Ã °¡´É¼ºµµ ²Ï ³ôÁö ¾ÊÀ»±î Àǽɵ˴ϴÙ.
(Opera MobileÀ̳ª Chrome for AndroidÀÇ °æ¿ì¿¡µµ GPU µå¶óÀ̹ö ¹ö±× °ü·ÃÇؼ­ workaround/hackÀÌ
²Ï ¸¹ÀÌ Æ÷ÇԵǾ ³ª°©´Ï´Ù. ½½ÇÁ°Ôµµ ¸ð¹ÙÀÏGPUµéÀÌ µ¥½ºÅ©Å¾GPU ¸¸Å­ »ç¿ëÇϱⰡ ¼ö¿ùÇÏÁö ¾Ê½À´Ï´Ù.)


> 2. Android¿¡¼­ÀÇ WebApp / Chrome Hosted AppsÀÇ ·Îµå¸Ê
>
> µ¥½ºÅ©Å¾ Å©·ÒÀÇ °æ¿ì ²ÙÁØÈ÷ web app, chrome store, chrome hosted app µîÀ» ÅëÇØ À¥±â¼úÀ» È°¿ëÇÑ
> ¾îÇø®ÄÉÀÌ¼Ç °³¹ß ºÐ¾ßÀ» ²ÙÁØÈ÷ ÁöÇâÇؿԴµ¥ ¹ÝÇØ ¸ð¹ÙÀÏ(Android)¿¡¼­´Â ±×µ¿¾È À¥¾ÛÀ» È°¼ºÈ­ Çϱâ À§ÇÑ ¿òÁ÷ÀÓÀÌ º¸ÀÌÁö
> ¾Ê¾Ò½À´Ï´Ù.
>
> ¹°·Ð ¸ð¹ÙÀÏ¿¡¼­ À¥¾ÛÀÌ È°¼ºÈ­µÇ±â À§Çؼ± ¼º´É, À¯Åë(¾Û½ºÅä¾î), Ȩȭ¸é Á¡À¯, µð¹ÙÀ̽º H/W Á¢±Ù µî ¸î°¡Áö ÇãµéÀÌ ÀÖ½À´Ï´Ù.
>
> ÃÖ±Ù Android¿¡¼­ ChromeÀ» Á» ´õ ºÎ°¢ÇÏ°íÀÚ ÇÏ´Â ¿òÁ÷ÀÓ(chrome based webview,
> mobile-web-app-capable Áö¿ø µî)µéÀÌ, ¾ÕÀ¸·Î ChromeÀ» ÅëÇؼ­ À§ÀÇ ¹®Á¦µéÀ» ÇØ°áÇسª°¡·Á°í ÇÏ´Â °Å¶ó º¸¸é
> µÉ±î¿ä? (Å©·ÒÀº Android¿¡ ½É¾îÁø Troy ¸ñ¸¶?)
>
> °ü·ÃÇؼ­ Á» ´õ µðÅ×ÀÏÇÑ Áú¹®À¸·Ð,
>
> Android¿¡¼­µµ Chrome Web Store¸¦ Áö¿øÇÒ °èȹÀÌ ÀÖ´ÂÁö,
>
> ±×¸®°í ¸ð¹ÙÀÏ¿¡¼­ À¥¾ÛÀ» ¸¸µé·ÁÇÒ ¶§ application cacheÀÇ Á¶¾ÇÇÔÀ¸·Î ¾î·Á¿òÀ» °Þ´Â °æ¿ì°¡ ¸¹Àºµ¥, Android
> Chrome¿¡¼­µµ Chrome hosted apps/packaged apps¿Í °°Àº °ÍµéÀÌ µµÀ﵃ °èȹÀÌ ÀÖ´ÂÁö ±Ã±ÝÇÕ´Ï´Ù.
>

°èȹÀº ¸ð¸£°Ú½À´Ï´Ù¸¸, Áö±ÝÀº extension support°¡ ¾Èµå·ÎÀ̵å Æ÷Æ®¿¡ ºüÁ® ÀÖÀ¸´Ï ÆÛÁñÀ» ¸ÂÃߴµ¥ Å« Á¶°¢ÀÌ ºñ¾îÀִ°Ô
°¡Àå Å« ¹®Á¦ °°½À´Ï´Ù. (¹ÙÀ̳ʸ® »çÀÌÁî [ÀͽºÅÙ¼Ç °ü·Ã Äڵ尡 ²Ï Å®´Ï´Ù] ¹®Á¦ÀÎÁö ·Îµå¸Ê»óÀÇ ¹®Á¦ÀÎÁö ¸ð¸£°Ú½À´Ï´Ù¸¸, ÀÏ´ÜÀº
±×·¸½À´Ï´Ù. OMÀÇ °æ¿ì´Â ÀÏÁ¤»óÀÇ ÀÌÀ¯ + ¹ÙÀ̳ʸ® »çÀÌÁî ¶§¹®À¸·Î ¾Ë°í ÀÖ½À´Ï´Ù. ¾Æ¿ï·¯ extension ÀÚü¸¦ UI»óÀ¸·Î ¾î¶»°Ô
¹èÄ¡¸¦ ÇØÁà¾ß ÇÒÁöµµ °ñÄ¡°í...)

https://code.google.com/p/chromium/issues/detail?id=113111



> 3. Blink¿¡¼­ÀÇ Page Cache Áö¿ø À̽´
>
> ÃÖ±Ù ÆÀ¿¡¼­ Page Cache(a.k.a. back-forward cache)¸¦ Á» ´õ ±í°Ô »ìÆ캸´ø ¿ÍÁß, °©ÀÚ±â ÃֽŠũ·Ò¿¡¼­
> Page Cache Áö¿øµÇÁö ¾Ê¾Æ ã¾Æº¸´Ï
>  blink ·Î ¿À¸é¼­ ¸ðµÎ Äڵ带 Áö¿ö¹ö·È´õ±º¿ä -_-;
> https://code.google.com/p/chromium/issues/detail?id=229605

>
> blink¿¡¼­ page cache ºÎºÐÀ» ÇâÈÄ ¾î¶»°Ô ÇÒÁö(Æ÷±â? À籸Çö?) ±Ã±ÝÇÏ°í, ¸¸¾à À籸ÇöÇÒ °èȹÀ̶ó¸é page cache
> trigger Á¶°Ç¿¡ ´ëÇØ »ó¼¼È÷ °øÀ¯°¡ µÇ¾úÀ¸¸é ÇÕ´Ï´Ù. ÇöÀç´Â ¿À·¡Àü webkit blog¿¡ Æ÷½ºÆÃµÈ ¸Å¿ì °³·«ÀûÀÎ ³»¿ë¹Û¿¡
> ¾ø´Ùº¸´Ï ÆľÇÇϴµ¥ ¾î·Á¿òÀÌ ¸¹½À´Ï´Ù.
>
> Æ÷Åл翡¼­´Â page cache µ¿ÀÛ¿©ºÎ¿¡ µû¶ó Page ViewµîÀÇ ÁöÇ¥¿¡ Â÷ÀÌ°¡ ¹ß»ýÇÏ´Ùº¸´Ï - PVÂ÷ÀÌ°¡ ¹ß»ýÇϸé Display
> AD ¸ÅÃâ¿¡ ¿µÇâ - ¹Î°¨ÇÏ³×¿ä ¤¾¤¾
>

https://code.google.com/p/chromium/issues/detail?id=2879 °¡ ¾ÆÁ÷ ¿ÀÇ »óÅÂÀ̱ä Çѵ¥ º°
À̾߱â´Â ¾ø´Â°É·Î ºÁ¼­ ´çºÐ°£Àº ÁøÇàÀÌ ¾øÀ»Áöµµ ¸ð¸£°Ú³×¿ä..


> 4. GPU Composition ¸Þ¸ð¸® ¹®Á¦
>
> ¿ø·¡ GPU compositionÀÌ »ç¿ëµÉ °æ¿ì ¸Þ¸ð¸® »ç¿ë·®ÀÌ ¸¹¾ÆÁö´Â ÆíÀÌ°í
> ƯÈ÷ ÃÖ±Ù¿¡ Full HD Æùµé¿¡¼­´Â ¸Þ¸ð¸® »ç¿ë·®ÀÌ ±ÞÁõÇÏ°Ô µÇ´Âµ¥¿ä.
> ÀÌ ¹®Á¦°¡ °³¼±ÀÌ µÇ¾úÀ¸¸é ÇÕ´Ï´Ù.
>

Á¤È®È÷ ¾î¶² Çö»óÀÎÁö´Â test case¸¦ ºÁ¾ß ¾Ë°Ú½À´Ï´Ù¸¸... ¼ø¼ö GPU compositionÀÌ ¾Æ´Ñ °æ¿ì°¡ ²Ï ¸¹¾Æ, ½ÇÁ¦·Î
GPU compositionÀÌ ÀϾ¸é compositionµÇ´Â "·¹À̾î"¿¡ ´ëÇؼ­ GPU¿¡¼­ ó¸®ÇÏ´Â ºÎºÐ¿¡ ´ëÇؼ­ SW/HW ¾çÂÊ¿¡
Áߺ¹ Ä«ÇǸ¦ °®°Ô µË´Ï´Ù. ¾Æ¸¶ ÀÌ°Í ¶§¹®ÀÌ ¾Æ´ÒÁö Àǽɵ˴ϴٸ¸, ±Ã±ØÀûÀ¸·Î´Â GPU compositionÀº ¾ç³¯ÀÇ °ËÀ̶ó°í »ý°¢ÇÕ´Ï´Ù.

±×°Í°ú º°°³·Î ÅؽºÃÄ¿¡ ¹Ì·ÃÀ» ¸ø¹ö¸®´Â ¹Ùº¸ GPUµéÀÌ °£È¤ ÀÖ½À´Ï´Ù. Ĩ¼Â Á¦Á¶»ç À̸§Àº ¾ð±ÞÇÏÁö ¾Ê°Ú½À´Ï´Ù¸¸, ƯÁ¤ ¸ð¹ÙÀÏ GPUÀÇ
°æ¿ì ÅؽºÃĸ¦ vram¿¡¼­ Áö¿ì¶ó°í Çصµ ¾È³õ¾ÆÁÖ´Â ¹ö±×°¡ Àִµ¥... ¾îÇø®ÄÉÀÌ¼Ç ºñÈ°¼ºÈ­½Ã ÅؽºÃĸ¦ ³õ¾ÆÁÖ°í È°¼ºÈ­µÇ¾úÀ»¶§ ´Ù½Ã
Àâ°í ÇÏ´Â Äڵ带 °®°í ¾îÇø®ÄÉÀ̼ÇÀ» ºñÈ°¼ºÈ­ ½ÃÄ×´Ù°¡ ´Ù½Ã È°¼ºÈ­ ½ÃÄ×´Ù°¡ ¸î¹øÀ» ¿Ô´Ù°¬´ÙÇϸé ÃÖÁ¾ÀûÀ¸·Î EGL_BAD_ALLOCÀÌ
³¯¶ó¿À´Â ¿ôÁö ¸øÇÒ Çö»óÀ» º¸°Ô µË´Ï´Ù. ÀÌ°Ç Æ¯º°ÇÑ ÄÉÀ̽ºÁö¸¸¿ä.

²À GPU·Î Çؾ߸¸ ÇÏ´Â°Ô ¾Æ´Ï¶ó¸é »ç¿ëÇÏÁö ¾Ê´ÂÆíÀÌ ³´Áö ¾ÊÀ»±î¿ä? °³ÀÎ »ç¿ëÀÚ ÀÔÀå¿¡¼­´Â ½ÇÁ¦·Î ½º¸¶Æ®Æù ¹èÅ͸® »ç¿ë·® ¹®Á¦·Î
´ëºÎºÐ »ç¿ëÀÚµéÀÌ ´ëºÎºÐ ÈÞ´ëÀüÈ­¿¡ Æ´¸¸ ³ª¸é »ý¸íÁÙÀ» À̾î³ö¾ß ÇÏ´Â »óȲ¿¡¼­ »ì¦ ´ú ºÎµå·¯¿öµµ ¹èÅ͸® ½Ã°£ÀÌ 1½Ã°£ ´Ã¾î³ª¸é
ºÎµå·´Áö ¾ÊÀº »óÅ·Π¾µÁö¿¡ ´ëÇؼ­´Â »ç¿ëÀÚ°¡ ¼±ÅÃÇÒ ¼ö ÀÖ°Ô (½ÇÁ¦·Î »ç¿ëÁßÀÎ GS2¸¸Çصµ CPU governor ¼³Á¤À¸·Î *ÀϺη¯*
´Ù¿îŬ·°À» Çؼ­ »ç¿ëÇÏ°í ÀÖ½À´Ï´Ù.) ÇØÁÖ´Â°Ô ÁÁÀº ¼ÒÇÁÆ®¿þ¾î°¡ ¾Æ´Ò±î¿ä? (´ÜÀûÀÎ ¿¹·Î µ¥½ºÅ©Å¾¿¡¼­ »õ·Î ´ÜÀåÇÑ flickr.comÀÇ
°æ¿ì ²Ï³ª À̱âÀûÀ̶ó°í »ý°¢ÇÕ´Ï´Ù..)

¹®»óȯ ¹è»ó
@sangwhanmoon

Received on Wednesday, 16 October 2013 09:29:04 UTC