Mobile web me2day_seminar

\n

&#xAC00;&#xD2B8;&#xB108; &#xADF8;&#xB8F9;&#xC5D0;&#xC11C; 2013&#xB144;&#xC5D0;&#xB294; 18&#xC5B5; 2&#xCC9C;&#xB9CC; &#xBAA8;&#xBC14;&#xC77C;&#xAE30;&#xAE30;, 17&#xC5B5;8&#xCC9C;&#xB9CC;PC&#xB85C; &#xBAA8;&#xBC14;&#xC77C; &#xAE30;&#xAE30;&#xAC00; &#xD53C;&#xC528;&#xC758; &#xC218;&#xB97C; &#xC555;&#xB3C4;&#xD560; &#xAC83;&#xC73C;&#xB85C; &#xB0B4;&#xB2E4;&#xBCF4;&#xACE0; &#xC788;&#xB2E4;. \n&#xB2E8;&#xC21C;&#xD788; &#xAE30;&#xAE30;&#xC758; &#xC22B;&#xC790; &#xC774;&#xC0C1;&#xC758; &#xC758;&#xBBF8;&#xAC00; &#xC788;&#xB2E4;. \n\n\n95%&#xC544;&#xC774;&#xD3F0;&#xC720;&#xC800;&#xB4E4;&#xC774; &#xC8FC;&#xAE30;&#xC801;&#xC73C;&#xB85C; &#xC778;&#xD130;&#xB137;&#xC744; &#xAC80;&#xC0C9;&#xD55C;&#xB2E4;. \n(&#xC544;&#xC774;&#xD3F0;/&#xC544;&#xC774;&#xD328;&#xB4DC;/&#xC544;&#xC774;&#xD31F;&#xC744; &#xAC00;&#xC9C0;&#xACE0; &#xD14C;&#xC2DC;&#xD2B8;&#xD55C;&#xB2E4;&#xBA74; UK&#xC804; &#xD2B8;&#xB798;&#xD53D;&#xC758; 75%&#xB97C; &#xCC28;&#xC9C0;&#xD558;&#xB294; &#xAE30;&#xAE30;&#xB97C; &#xAC00;&#xC9C0;&#xACE0; &#xD14C;&#xC2A4;&#xD2B8;&#xD558;&#xB294;&#xAC83;&#xC774;&#xB2E4;.\n&#xAD6C;&#xAE00; &#xD1B5;&#xACC4; : &#xC544;&#xC774;&#xD3F0; &#xC720;&#xC800;&#xAC00; &#xB2E4;&#xB978; &#xBAA8;&#xBC14;&#xC77C; &#xC720;&#xC800;&#xB4E4;&#xBCF4;&#xB2E4; &#xD3C9;&#xADE0; 50&#xBC30; &#xC774;&#xC0C1; &#xAC80;&#xC0C9;&#xC744; &#xB354; &#xB9CE;&#xC774; &#xD568;.\n&#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xC758; &#xB9C8;&#xCF13; &#xC810;&#xC720;&#xC728;&#xC5D0;&#xB3C4; &#xBD88;&#xAD6C;&#xD558;&#xACE0;. It&#x2019;s about usage, not units)\n\nme2day&#xC640; SNS&#xC5D0; &#xACBD;&#xC6B0;&#xC5D0;&#xB294; &#xB354; &#xD070; &#xC601;&#xD5A5;&#xC744; &#xBC1B;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; \n&#xC774;&#xC81C; &#xB370;&#xD0D1;&#xC6F9;&#xC740; &#xAE30;&#xBCF8;&#xC774;&#xACE0;, &#xADF8; &#xC774;&#xC0C1;&#xC73C;&#xB85C; &#xBAA8;&#xBC14;&#xC77C; &#xCABD;&#xC5D0; &#xC9D1;&#xC911;&#xC744; &#xD574;&#xC57C;&#xD560; &#xB54C;&#xC774;&#xB2E4;. \n\n- refers\nhttp://www.morganstanley.com/institutional/techresearch/pdfs/Internet_Trends_041210.pdf\nIt&#x2019;s about usage. not units. : http://blogs.pancentric.com/2011/09/14/it&#x2019;s-usage-not-units-that-defines-mobile/\n

\n

\n\n

&#xB2F9;&#xC704;&#xC131; : &#xD3EC;&#xC6A9; &#xB514;&#xBC14;&#xC774;&#xC2A4;&#xAC00; &#xB9CE;&#xC744; &#xC218;&#xB85D; &#xC88B;&#xC74C;. &#xD558;&#xC9C0;&#xB9CC; \n&#xB354; &#xB9CE;&#xC740; &#xB514;&#xBC14;&#xC774;&#xC2A4;&#xC5D0;&#xC11C; &#xB3CC;&#xB9B4;&#xC218; &#xC788;&#xB3C4;&#xB85D; agent &#xBD84;&#xAE30;&#xAC00; &#xC911;&#xC694;&#xD55C; &#xC694;&#xC18C;&#xB77C; &#xC0DD;&#xAC01;&#xB428;. \n&#xD6A8;&#xACFC;&#xC801;&#xC778; &#xBA40;&#xD2F0;&#xC2A4;&#xD06C;&#xB9B0; &#xC0AC;&#xC774;&#xC988; &#xB514;&#xC790;&#xC778; : http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes \n\n&#xBD84;&#xAE30;&#xC758; &#xB300;&#xD45C;&#xC801;&#xC778; &#xBC29;&#xC2DD; \n1. User-Agent &#xD5E4;&#xB354; &#xC2DD;&#xBCC4;\n2. X-Wap-Profile&#xD5E4;&#xB354; &#xC2DD;&#xBCC4;:RDF(Resource Description Framework)&#xD615;&#xC2DC;&#xC758; User Agent ProfileURL&#xC744; &#xC81C;&#xACF5;. &#xD639;&#xC740; Wap-profile &#xD5E4;&#xB354;&#xB85C; &#xC81C;&#xACF5; \n3. Accept&#xD5E4;&#xB354;&#xB97C; &#xD1B5;&#xD55C; &#xBD84;&#xAE30; \n\n&#xD558;&#xC9C0;&#xB9CC; &#xC774;&#xB7F0; &#xBC29;&#xC2DD;&#xC73C;&#xB85C;&#xB9CC; &#xAD6C;&#xBD84;&#xC744; &#xD558;&#xAE30;&#xC5D0;&#xB294; &#xBB38;&#xC81C;&#xAC00; &#xB9CE;&#xB2E4;. X-Wap-Profile&#xC5D0; &#xC798;&#xBABB;&#xB41C; URL&#xC744; &#xD3EC;&#xD568;&#xD55C;&#xB2E4;&#xAC70;&#xB098; &#xAE30;&#xAE30;&#xAC00; 100Kb&#xC774;&#xC0C1;&#xC758; GIF&#xB97C; &#xBC1B;&#xC744; &#xACBD;&#xC6B0;\nreject&#xC744; &#xD558;&#xB294; &#xACBD;&#xC6B0;&#xB3C4; &#xC788;&#xB2E4;. UserAgent&#xB294; &#xB300;&#xBD80;&#xBD84; &#xC815;&#xD655;&#xD55C; &#xC815;&#xBCF4;&#xB97C; &#xC8FC;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xC774;&#xB97C; &#xADFC;&#xAC70;&#xB85C; DB&#xB97C; &#xC81C;&#xACF5;&#xBC1B;&#xC73C;&#xBA74; &#xB420;&#xAC83;&#xC774;&#xB2E4;. \n&#xC774;&#xB7F0; &#xD234;&#xB85C;&#xB294; WURFL, DeviceAtlas, UAProf.com&#xB4F1;&#xC774; &#xC788;&#xB294;&#xB370; DeviceAtlas&#xB294; &#xC0C1;&#xC6A9;&#xC774;&#xACE0; UAProf.com&#xC740; &#xAE30;&#xB2A5;&#xACFC; &#xB370;&#xC774;&#xD130;&#xAC00; &#xC801;&#xACE0; &#xAC00;&#xC7A5; &#xB9CE;&#xC774; \n&#xC4F0;&#xC774;&#xACE0; &#xCD94;&#xCC9C;&#xBC1B;&#xB294; &#xAC83;&#xC774; WURFL&#xC774;&#xB2E4;(Cont&#x2019;)\n\n\n\n\n

http://wurfl.sourceforge.net\nDDR(Device Description Repository)&#xB85C;, &#xC138;&#xACC4;&#xC758; &#xC218;&#xCC9C;&#xAC1C; device&#xC5D0; &#xB300;&#xD55C; &#xAE30;&#xAE30;&#xC815;&#xBCF4;&#xB97C; &#xB2F4;&#xACE0; &#xC788;&#xC73C;&#xBA70;, &#xADF8; &#xC815;&#xBCF4;&#xB97C; &#xAC00;&#xC838;&#xC62C; &#xC218; &#xC788;&#xB294; API&#xB85C; &#xCD5C;&#xC2E0;&#xB370;&#xC774;&#xD130;&#xB97C; &#xAC00;&#xC838;&#xC62C; &#xC218;&#xB3C4; &#xC788;&#xB2E4;. &#xC624;&#xD508;&#xC18C;&#xC2A4;&#xC774;&#xBA70; &#xBAA8;&#xBC14;&#xC77C; &#xC560;&#xD50C;&#xB9AC;&#xCF00;&#xC774;&#xC158;&#xC744; &#xB9CC;&#xB4DC;&#xB294;&#xB370; &#xC788;&#xC5B4;&#xC11C; &#xAE30;&#xAE30; &#xC778;&#xC2DD;&#xC744; &#xD558;&#xAE30;&#xC704;&#xD574; Google Facebook&#xB4F1;&#xC73C;&#xB85C;&#xBD80;&#xD130; &#xC4F0;&#xC774;&#xACE0; &#xC9C0;&#xC6D0;&#xBC1B;&#xB294;&#xB2E4;. &#xC8FC;&#xCD5C;&#xB294; ScientiaMboilee&#xACFC; &#xCEE4;&#xBBA4;&#xB2C8;&#xD2F0;&#xB97C; &#xC911;&#xC2EC;&#xC73C;&#xB85C; &#xC774;&#xB8E8;&#xC5B4;&#xC9C0;&#xACE0; &#xC788;&#xB2E4;. HTTP&#xD45C;&#xC900;&#xC758; User-Agent&#xD5E4;&#xB354;&#xAC00; &#xC0AC;&#xC2E4;&#xC0C1; &#xB2E4;&#xB978; &#xBC29;&#xC2DD;&#xC73C;&#xB85C; &#xC5B4;&#xBDF0;&#xC988; &#xD558;&#xB294; &#xC0AC;&#xB840;&#xAC00; &#xC788;&#xC5B4;&#xC11C; X-Device-User-Agent&#xB77C;&#xB294; &#xD655;&#xC7A5; &#xD5E4;&#xB354;&#xB97C; &#xCC38;&#xACE0;&#xD560;&#xC218;&#xB3C4; &#xC788;&#xAC8C; &#xB41C;&#xB2E4;. WURFL&#xC740; &#xBAA8;&#xBC14;&#xC77C; &#xBFD0;&#xB9CC; &#xC544;&#xB2C8;&#xB77C; &#xBAA8;&#xB4E0; &#xAE30;&#xAE30;&#xC758; User-Agent&#xC5D0; &#xB300;&#xD55C; &#xC815;&#xBCF4;&#xB97C; &#xC218;&#xC9D1;&#xD558;&#xBA70; &#xCD1D; 7000&#xAC1C;&#xC758; &#xC815;&#xBCF4;&#xB97C; &#xAC00;&#xC9C4;&#xB2E4;. Java, .Net, PHP&#xB85C; &#xAD6C;&#xD604;&#xB41C; XML DB&#xB97C; &#xC811;&#xADFC;&#xD560; &#xC218;&#xB3C4; &#xC788;&#xB2E4;. \n\nhttp://beradrian.wordpress.com/2008/10/10/mobile-device-recognition/\ndetect device :http://beradrian.wordpress.com/2008/10/10/mobile-device-recognition/ \n&#xB514;&#xD14D;&#xD305;&#xD55C; &#xB514;&#xBC14;&#xC774;&#xC2A4;&#xC5D0; &#xB300;&#xD55C; &#xC790;&#xB8CC; : http:///cloudfour.com/mobile/summary.php\n

&#xB514;&#xBC14;&#xC774;&#xC2A4;&#xB97C; &#xC778;&#xC2DD;&#xD588;&#xB354;&#xB77C;&#xB3C4;, &#xBAA8;&#xB4E0; &#xB514;&#xBC14;&#xC774;&#xC2A4;&#xB97C; case by case&#xB85C; &#xC9C0;&#xC6D0;&#xD558;&#xAE30;&#xAC00; &#xD798;&#xB4E4;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xADF8;&#xB8F9;&#xD551;&#xC774; &#xD544;&#xC694;&#xD558;&#xB2E4;. \n&#xBCF4;&#xD1B5; &#xBAA8;&#xBC14;&#xC77C;&#xACFC; &#xB370;&#xD0D1; &#xC6F9;&#xC758; &#xAC00;&#xC7A5; &#xC88B;&#xC740; &#xAC1C;&#xBC1C; &#xBC29;&#xBC95; &#xB860;&#xC73C;&#xB85C; &#x201C;&#xC810;&#xC9C4;&#xC801; &#xAC1C;&#xBC1C;&#xBC29;&#xBC95;&#xB860;&#x201D;&#xC744; &#xB9D0;&#xD55C;&#xB2E4;. &#xCEE8;&#xD150;&#xCE20; &#xAC1C;&#xBC1C;&#xC5D0; &#xC911;&#xC810;&#xC744; &#xB450;&#xACE0; &#xADF8;&#xB2E4;&#xC74C; CSS&#xAC19;&#xC740; &#xD504;&#xB808;&#xC820;&#xD14C;&#xC774;&#xC158;&#xACC4;&#xCE35; &#xAC1C;&#xBC1C;&#xC744; &#xD558;&#xBA74;&#xC11C; \n&#xAC01; &#xADF8;&#xB8F9;&#xC5D0; &#xB9DE;&#xB294; UI&#xB97C; &#xB9CC;&#xB4E4;&#xC5B4; &#xB098;&#xAC00;&#xACE0;, &#xADF8;&#xB2E4;&#xC74C; AJAX&#xC640; &#xAC19;&#xC740; JS&#xB85C;&#xC9C1;&#xC744; &#xB123;&#xB294; &#xAC83;&#xC744; &#xC774;&#xC57C;&#xAE30;&#xD55C;&#xB2E4;. &#xD558;&#xC9C0;&#xB9CC; &#xB300;&#xBD80;&#xBD91;&#xBD84;&#xC758; &#xB300;&#xADDC;&#xBAA8; &#xBCA4;&#xB354;&#xB294; &#xC774;&#xBBF8; &#xC6F9;&#xC774; &#xC788;&#xACE0; \n&#xBAA8;&#xBC14;&#xC77C; &#xC6F9;&#xB3C4; &#xC788;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xD604;&#xC7AC; &#xC788;&#xB294; legacy&#xB97C; &#xC548;&#xACE0;&#xC11C; &#xB354; &#xAC1C;&#xC120;&#xD560; &#xBC29;&#xBC95;&#xC744; &#xCC3E;&#xC73C;&#xBA70; defect&#xC5D0; &#xCDE8;&#xC911;&#xD558;&#xB294; &#xAC83;&#xC774; &#xC88B;&#xC740; &#xBC29;&#xBC95;&#xC774;&#xB2E4;. \n&#xC9C0;&#xAE08; me2day&#xC5D0; &#xC788;&#xB294; &#xC6F9;&#xC5D0;&#xC11C;&#xC758; &#xBDF0;&#xB294; &#xCD1D; 3&#xAC00;&#xC9C0;&#xB77C; &#xD560; &#xC218; &#xC788;&#xB2E4;. &#xB370;&#xD0D1;&#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB97C; &#xC704;&#xD55C; &#xC6F9;&#xC744; &#xBE7C;&#xBA74;, WAP/MobileWeb(&#xC2A4;&#xB9C8;&#xD2B8;&#xD3F0;&#xC6A9;) &#xB450;&#xAC00;&#xC9C0;&#xB2E4;. \n\n\n- Ajax &#xC9C0;&#xC6D0; &#xC5EC;&#xBD80; : &#xC8FC;&#xB85C; &#xC2A4;&#xB9C8;&#xD2B8;&#xD3F0;, &#xB2E8;, &#xC2A4;&#xB9C8;&#xD2B8;&#xD3F0;&#xC5D0;&#xC11C; Ajax&#xC9C0;&#xC6D0;&#xC744; &#xC804;&#xC81C;&#xD560; &#xC218; &#xC5C6;&#xB2E4;.\n- &#xD654;&#xBA74;&#xB108;&#xBE44; : Portrait, Landscape&#xBAA8;&#xB4DC;&#xAC00; &#xC788;&#xB294;&#xC9C0;, &#xB610;&#xB294; &#xADF8; &#xBAA8;&#xB4E0;&#xAC00; &#xBCC0;&#xACBD;&#xB418;&#xC5C8;&#xC744; &#xB54C; event callback&#xC744; &#xBC1B;&#xC744; &#xC218; &#xC788;&#xB294;&#xC9C0;. \n- Webkit : CSS&#xB97C; &#xBB34;&#xB9AC;&#xC5C6;&#xC774; &#xC9C0;&#xC6D0;&#xD55C;&#xB2E4; (webkit&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xC880;&#xB354; &#xC0C1;&#xC138;&#xD788; &#xC870;&#xC0AC; )\n- &#xD130;&#xCE58; : &#xC6F9;&#xD398;&#xC774;&#xC9C0;&#xAC00; &#xD06C;&#xAC8C; &#xBCF4;&#xC5EC;&#xC84C;&#xC744; &#xB54C; &#xC190;&#xAC00;&#xB77D;&#xC774;&#xB098; &#xC2A4;&#xD0C0;&#xC77C;&#xB7EC;&#xC2A4;&#xAC00; &#xC27D;&#xAC8C; &#xC120;&#xD0DD;&#xD560; &#xC218; &#xC788;&#xB3C4;&#xB85D; &#xD074;&#xB9AD;&#xC601;&#xC5ED; &#xC124;&#xC815;&#xC774; &#xD544;&#xC694; \n\n\n&#xC774;&#xB97C; &#xADFC;&#xAC70;&#xB85C; \n&#xC6F9;&#xD398;&#xC774;&#xC9C0; : &#xB370;&#xD0D1;, &#xADF8;&#xC5D0; &#xC0C1;&#xC751;&#xD558;&#xB294; &#xD070; &#xD654;&#xBA74;&#xC758; &#xD0DC;&#xBE14;&#xB9BF;, \n&#xBAA8;&#xBC14;&#xC77C;&#xC6F9; : &#xD130;&#xCE58;&#xC640; CSS, JS&#xB97C; &#xC9C0;&#xC6D0;&#xD558;&#xB294; &#xC2A4;&#xB9C8;&#xD2B8;&#xD3F0; \nWAP : &#xD130;&#xCE58;&#xC640; JS&#xAC00; &#xC81C;&#xC57D;&#xC801;&#xC778; &#xD53C;&#xCCD0;&#xD3ED; &#xD639;&#xC740; &#xADF8;&#xC678; &#xBAA8;&#xB4E0; &#xD3F0;&#xB4E4;.\n&#xB85C; &#xADF8;&#xB8E8;&#xD551; &#xD558;&#xC5EC; &#xC81C;&#xACF5;&#xD560; &#xC218; &#xC788;&#xACA0;&#xB2E4;. \n\nWAP : http://me2day.net/m/humbroll/friends/friends/all/older?_me2day_sess=6f602b630e222d18ad9d965c97bb53b3\nMobile Web : http://me2day.net/n/jseon57/pyqldro-qj1k\nDesktop : http://me2day.net/jseon57/2012/01/15/pyqldro-qj1k \n\n

Even Google was not rich enough to support all of the different mobile platforms from Apple&#x2019;s AppStore to those of the BlackBerry, Windows Mobile, Android and the many variations of the Nokia platform\n- &#xAE30;&#xC220; &#xBD80;&#xC0AC;&#xC7A5; &#xBE45; &#xAC74;&#xB3C4;&#xD2B8;&#xB77C; - \n&#xAD6C;&#xAE00;&#xC758; VP&#xB3C4; &#xBAA8;&#xB4E0; &#xAE30;&#xAE30;&#xC5D0; &#xAD6C;&#xAE00;&#xC571;&#xC744; &#xC9C0;&#xC6D0;&#xD558;&#xB294; &#xAC83;&#xC740; &#xBB34;&#xB9AC;&#xB2E4;&#xB77C;&#xACE0; &#xB9D0;&#xD568;. &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC758; &#xB2F9;&#xC704;&#xC131;.(HTML5&#xC5D0; &#xC9D1;&#xC911;&#xD558;&#xACE0;&#xC790; &#xD55C;&#xB2E4;&#xB294; &#xC815;&#xCE58;&#xC801; &#xBC1C;&#xC5B8;.)\n\nHTML5&#xC774; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB97C; cover&#xD574; &#xB098;&#xAC08;&#xAC83;&#xC774;&#xB77C;&#xB294; &#xC758;&#xBBF8; &#xB0B4;&#xD3EC;. \n\n

&#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC571; &#xBC29;&#xBC95;&#xB860;. \n&#xAE30;&#xC874;&#xC758; &#xC6F9;&#xD398;&#xC774;&#xC9C0;&#xB97C; &#xAE30;&#xBC18;&#xC73C;&#xB85C;, &#xD639;&#xC740; &#xB124;&#xC774;&#xD2F0;&#xBE0C; &#xC571;&#xC5D0; &#xB4E4;&#xC5B4;&#xAC00;&#xAE30; &#xC88B;&#xC740; &#xAC1C;&#xC120;&#xB41C; &#xB514;&#xC790;&#xC778; &#xBC84;&#xC804;&#xC73C;&#xB85C; &#xBAA8;&#xBC14;&#xC77C; &#xC6F9;&#xC744; &#xAC1C;&#xC120;&#xD558;&#xACE0; \n&#xADF8; &#xB2E4;&#xC74C; &#xADF8; &#xBAA8;&#xBC14;&#xC77C; &#xD398;&#xC774;&#xC9C0;&#xB97C; &#xC7AC;&#xD65C;&#xC6A9;&#xD558;&#xB294; &#xAC83;&#xC774; &#xC88B;&#xB2E4;. \n&#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xB780;? : &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC6F9;&#xCEE8;&#xD14C;&#xC774;&#xB108;&#xB294; &#xC6F9;&#xAC1C;&#xBC1C;&#xC758; &#xB2E8;&#xC21C;&#xD568;&#xACFC; &#xB124;&#xC774;&#xD2F0;&#xBE0C; &#xB514;&#xBC14;&#xC774;&#xC2A4;&#xC758; &#xD30C;&#xC6CC;&#xB97C; &#xAC00;&#xC9C4;&#xB2E4;. &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC; &#xC6F9; &#xCEE8;&#xD14C;&#xC774;&#xB108;&#xB294; &#xBAA8;&#xBC14;&#xC77C; &#xAC1C;&#xBC1C;&#xC744; &#xBE60;&#xB974;&#xAC8C; &#xC9C4;&#xD589;&#xB418;&#xB3C4;&#xB85D; &#xB3C4;&#xC640;&#xC8FC;&#xBA70; &#xBE44;&#xC988;&#xB2C8;&#xC2A4;&#xC801;&#xC73C;&#xB85C; &#xBE44;&#xC6A9;&#xC744; &#xC904;&#xC77C;&#xC218; &#xC788;&#xB2E4;. \n\n&#xBAA8;&#xBC14;&#xC77C;&#xD300;&#xC5D0;&#xC11C;&#xB294; &#xC571; &#xC911;&#xC2EC;&#xC73C;&#xB85C; &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC571;&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xC124;&#xBA85;&#xC744; &#xD560;&#xAC83;&#xC73C;&#xB85C; &#xC608;&#xC0C1;. &#xBCF8; &#xBC1C;&#xD45C;&#xC5D0;&#xC11C;&#xB294; &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC571;&#xC744; &#xB9CC;&#xB4E4;&#xAE30; &#xC704;&#xD55C; backend architecture&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xC774;&#xC57C;&#xAE30; &#xD55C;&#xB2E4;. \n\nhybrid vs web vs native &#xC5D0; &#xB300;&#xD55C; &#xC88B;&#xC740; &#xBC14;&#xB8E6;&#xC790;&#xB8CC;:http://www.slideshare.net/fling/native-v-hybrid-v-web\n&#xAF2D; &#xC77D;&#xC5B4;&#xBCFC;&#xAC83; : http://techcrunch.com/2010/04/30/joe-hewitt-web-development/ \n&#xC624;! &#xB808;&#xC77C;&#xC2A4;&#xC640; &#xB124;&#xC774;&#xD2F0;&#xBE0C; &#xC5B4;&#xD50C;&#xB9AC;&#xCF00;&#xC774;&#xC158;&#xC758; &#xD1B5;&#xD569; ; http://mnb.ociweb.com/mnb/MiddlewareNewsBrief-201008.html\n&#xB3D9;&#xAE30;&#xD654; &#xAE30;&#xC220;&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xCC38;&#xACE0;&#xAE30; &#xC88B;&#xC740; Google gears &#xBB38;&#xC11C; : http://code.google.com/apis/gears/architecture.html\n&#xB3D9;&#xAE30;&#xD654; &#xC544;&#xD0A4;&#xD14D;&#xCCD0; : http://www.squad16.com/download/2010/ACT!2010SynchronizationWhitepaper.pdf \n\n\n\n&#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC774;&#xB4E0; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB4E0; &#xBAA8;&#xBC14;&#xC77C;&#xC571;&#xC774;&#xB4E0; &#xACB0;&#xAD6D; &#xB124;&#xD2B8;&#xC6CC;&#xD06C;&#xC0C1;&#xC758; &#xB370;&#xC774;&#xD130;&#xB97C; &#xD578;&#xB4E4;&#xB9C1;&#xD574;&#xC57C; &#xD558;&#xB294; &#xAC83;&#xC740; &#xB9E4;&#xD55C;&#xAC00;&#xC9C0;&#xC774;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; \n&#xBAA8;&#xBC14;&#xC77C; &#xC6F9;&#xC5D0;&#xC11C;&#xC758; &#xAC1C;&#xBC1C; &#xAD00;&#xB828;(&#xC131;&#xB2A5;, &#xAC1C;&#xBC1C;&#xBC29;&#xC2DD;,&#xD14C;&#xC2A4;&#xD305; &#xBC29;&#xC2DD;) &#xB4F1;&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xC54C;&#xC544;&#xBCFC; &#xAC83;&#xC774;&#xB2E4;. \n\n\n\nhttp://xguru.net/593\n&#xBAA8;&#xBC14;&#xC77C;&#xC5D0;&#xC11C; &#xD2B9;&#xD788; &#xC911;&#xC694;&#xD55C; HTML5&#xC694;&#xC18C;&#xB4E4;\n- &#xC624;&#xD504;&#xB77C;&#xC778; &#xC9C0;&#xC6D0; : Web database, LocalStorage, AppCache \n- &#xC704;&#xCE58;&#xC815;&#xBCF4; : GeoLocatoin \n\nbetst phonegap app : https://docs.google.com/document/d/1SC-H5oZii9sHC-P6G2PaUmqx66TC1v14ixzXiv8XqCo/edit?hl=en&authkey=CPTVrPEM&pli=1 \n\n\n

&#xB85C;&#xB529; &#xC2DC;&#xAC04;&#xC774; &#xB07C;&#xCE58;&#xB294; &#xC601;&#xD5A5;&#xC5D0; &#xB300;&#xD574;&#xC11C;\n\n\nhttp://blog.kissmetrics.com/loading-time/ \nhttp://www.digitalbuzzblog.com/2011-mobile-statistics-stats-facts-marketing-infographic/\n\nwill increase their frustration\n

&#xC5EC;&#xAE30;&#xC11C; &#xC131;&#xB2A5;&#xC774;&#xB780; &#x201C;&#xB85C;&#xB529;&#xC131;&#xB2A5;&#x201D;&#xBFD0;&#xB9CC; &#xC544;&#xB2C8;&#xB77C; &#x201C;UI&#xC131;&#xB2A5;&#x201D;&#xAE4C;&#xC9C0; &#xD3EC;&#xD568;&#xD55C;&#xB2E4;.\n

&#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xC774;&#xB4E0; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB4E0; &#xBAA8;&#xBC14;&#xC77C;&#xC571;&#xC774;&#xB4E0; &#xACB0;&#xAD6D; &#xB124;&#xD2B8;&#xC6CC;&#xD06C;&#xC0C1;&#xC758; &#xB370;&#xC774;&#xD130;&#xB97C; &#xD578;&#xB4E4;&#xB9C1;&#xD574;&#xC57C; &#xD558;&#xB294; &#xAC83;&#xC740; &#xB9E4;&#xD55C;&#xAC00;&#xC9C0;&#xC774;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; \n&#xBAA8;&#xBC14;&#xC77C; &#xC6F9;&#xC5D0;&#xC11C;&#xC758; &#xAC1C;&#xBC1C; &#xAD00;&#xB828;(&#xC131;&#xB2A5;, &#xAC1C;&#xBC1C;&#xBC29;&#xC2DD;,&#xD14C;&#xC2A4;&#xD305; &#xBC29;&#xC2DD;) &#xB4F1;&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xC54C;&#xC544;&#xBCFC; &#xAC83;&#xC774;&#xB2E4;. \n\n\n&#xC544;&#xC774;&#xD3F0;&#xC5D0;&#xC11C;&#xC758; &#xC6F9;&#xD0B7;&#xC758; &#xC81C;&#xC57D;&#xC0AC;&#xD56D;&#xB4E4;&#xC740; &#xB2E4;&#xC74C;&#xACFC; &#xAC19;&#xC740; &#xAC83;&#xB4E4;&#xC774; &#xC788;&#xB2E4;. \niphone \n&#xC0AC;&#xD30C;&#xB9AC;&#xBAA8;&#xBC14;&#xC77C;&#xC740; &#xBAA8;&#xBC14;&#xC77C; &#xD45C;&#xC900;&#xC744; &#xBB34;&#xC2DC;&#xD558;&#xACE0;(WML&#xC9C0;&#xC6D0;X) &#xB370;&#xD0D1;&#xACFC; &#xAC19;&#xC740; &#xC6F9;&#xD45C;&#xC900; &#xC9C0;&#xC6D0;&#xC744; &#xACE0;&#xC9D1;&#xD55C;&#xB2E4;. &#xC2E4;&#xC81C; &#xC0AC;&#xD30C;&#xB9AC;&#xB370;&#xC2A4;&#xD1B1;&#xACFC; &#xAC19;&#xC740; &#xC6F9;&#xD0B7;&#xBE0C;&#xB77C;&#xC6B0;&#xC800; &#xC5D4;&#xC9C4;&#xC744; &#xC0AC;&#xC6A9;&#xD558;&#xAE30; &#xB54C;&#xBB38;&#xC774;&#xB2E4;. \n&#xC560;&#xD50C; &#xAC1C;&#xBC1C;&#xC790; &#xD398;&#xC774;&#xC9C0;&#xC5D0;(http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/) &#xBAA8;&#xBC14;&#xC77C; &#xC0AC;&#xD30C;&#xB9AC;&#xC5D0; &#xB300;&#xD55C; &#xC790;&#xC138;&#xD55C; &#xC0AC;&#xD56D;&#xC774; &#xC788;&#xB530;. \n\n\n\n

6. &#xB124;&#xD2B8;&#xC6CC;&#xD06C; &#xBE44;&#xC6A9; &#xCD5C;&#xC18C;&#xD654; \n----\n 6-4. browser concurrency : &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC5D0;&#xC11C; &#xB3D9;&#xC2DC;&#xC5D0; &#xC5F0;&#xACB0;&#xD560; &#xC218; &#xC788;&#xB294; HTTP connection&#xC5D0; &#xB300;&#xD55C; &#xACE0;&#xB824;. HTTP&#xC5F0;&#xACB0;&#xC744; &#xCD5C;&#xB300;&#xD55C; &#xC904;&#xC774;&#xACE0;(&#xC678;&#xBD80;&#xB9AC;&#xC18C;&#xC2A4;&#xD1B5;&#xD569;) &#xAC00;&#xB2A5;&#xD55C; &#xB9CE;&#xC740; &#xB3D9;&#xC2DC;HTTP&#xC811;&#xC18D; &#xD65C;&#xC6A9;&#xD558;&#xAE30;. \nHTTP1.1&#xD45C;&#xC900;(1999&#xB144;)&#xC740; &#xD638;&#xC2A4;&#xD2B8;&#xB2F9; 2&#xAC1C; &#xC774;&#xB0B4;&#xB97C; &#xAD8C;&#xC7A5;&#xD558;&#xC9C0;&#xB9CC; &#xCD5C;&#xADFC; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB294; &#xBCF4;&#xD1B5; 4&#xAC1C; &#xC774;&#xC0C1;&#xC5D0; &#xACC4;&#xC18D; &#xB298;&#xC5B4;&#xB098;&#xB294; &#xCD94;&#xC138;&#xC774;&#xBBC0;&#xB85C; &#xB3D9;&#xC2DC;&#xC811;&#xC18D;&#xAE30;&#xB2A5;&#xC744; &#xCD5C;&#xB300;&#xD55C; &#xD65C;&#xC6A9;&#xD558;&#xB294; &#xAC83;&#xC774; &#xC88B;&#xC74C;. \n &#xB3D9;&#xC2DC;&#xC811;&#xC18D;&#xC744; &#xBB34;&#xC791;&#xC815; &#xBABB; &#xB298;&#xB9AC;&#xB294; &#xC774;&#xC720; : TCP slow start(3way Hand shake)&#xC5D0; &#xCDE8;&#xC57D;, &#xB9AC;&#xC18C;&#xC2A4; &#xAC2F;&#xC218;&#xAC00; &#xC801;&#xC744; &#xACBD;&#xC6B0; &#xC5ED;&#xD6A8;&#xACFC;, Keep alive&#xB85C; &#xC778;&#xD55C; &#xC11C;&#xBC84;&#xC790;&#xC6D0;&#xC18C;&#xC9C4;(NHN&#xC5D0;&#xC11C; &#xC6F9;&#xC11C;&#xBC84;&#xC5D0;&#xB294; Keepalive&#xAE08;&#xC9C0;) \n&#xB2E8;&#xC77C; &#xB3C4;&#xBA54;&#xC778;&#xC5D0;&#xC11C; &#xC774;&#xBBF8;&#xC9C0; 20&#xAC1C; &#xC774;&#xC0C1; &#xB85C;&#xB529;&#xD558;&#xB294; &#xACBD;&#xC6B0; &#xB3C4;&#xBA54;&#xC778; &#xB2F9; 2&#xAC1C;&#xAE4C;&#xC9C0; &#xBB34;&#xB09C;&#xD558;&#xACE0; &#xC88B;&#xC740; &#xD6A8;&#xACFC; &#xC788;&#xC74C;\n\nbut \n\n 6-0 mobile&#xC740; &#xAE30;&#xBCF8;&#xC801;&#xC73C;&#xB85C; &#xB0AE;&#xC740; Bandwidth&#xB97C; &#xAC00;&#xC9C4;&#xB2E4;(3G&#xB9DD;&#xC740; &#xC2E0;&#xD638;&#xAC00; &#xC88B;&#xC544;&#xC57C; 1Mbyte/s(&#xB370;&#xD0D1;&#xC740; &#xADF8; &#xC774;&#xC0C1;&#xC5D0;&#xC11C; 20Mbyte/s&#xC774;&#xB2E4;.) )\n\n\n\n

&#xB370;&#xC774;&#xD130;&#xCD5C;&#xC801;&#xD654; \n 6-1. &#xC774;&#xBBF8;&#xC9C0; &#xCD5C;&#xC801;&#xD654; : PNG&#xB97C; &#xC0AC;&#xC6A9;(&#xC555;&#xCD95;&#xB300;&#xBE44; &#xD488;&#xC9C8;BEST)\n a &#xC774;&#xBBF8;&#xC9C0; &#xD06C;&#xAE30;&#xC5D0; &#xB300;&#xD55C; &#xC9C0;&#xC6D0; : static&#xBC29;&#xBC95;(&#xC800;&#xC7A5; &#xB2F9;&#xC2DC; &#xBCC0;&#xD658; => &#xD604;&#xC7AC; &#xBBF8;&#xD22C;&#xB370;&#xC774;. &#xC880;&#xCC98;&#xB7FC; &#xBCC0;&#xD558;&#xC9C0; &#xC54A;&#xB294; &#xB370;&#xC774;&#xD130;&#xB4E4;&#xC5D0; &#xC801;&#xD569;), \n b on-the-fly&#xBC29;&#xBC95;(e.g. GAIA transcoder - http://gaia-git.sourceforge.net &#xD234;&#xC744; &#xD65C;&#xC6A9;&#xD558;&#xC5EC; &#xC694;&#xCCAD; &#xD0C0;&#xC784;&#xC5D0; onthefly&#xB85C; &#xC774;&#xBBF8;&#xC9C0;&#xB97C; &#xC0DD;&#xC131;/&#xCE90;&#xC2DC;/&#xC81C;&#xACF5;, &#xB274;&#xC2A4;&#xC640; &#xAC19;&#xC740; &#xB3D9;&#xC801;&#xC73C;&#xB85C; &#xC774;&#xACF3; &#xC800;&#xACF3;&#xC5D0;&#xC11C; &#xB9CE;&#xC774; &#xBCF4;&#xC5EC;&#xC9C8; &#xC774;&#xBBF8;&#xC9C0;&#xC5D0; &#xC801;&#xD569;?)\nData connection&#xACFC; Data transfer&#xBE44;&#xC6A9;&#xC744; &#xC904;&#xC774;&#xAE30; &#xC704;&#xD574;&#xC11C; &#x201C;&#xC815;&#xB9D0; &#xAC70;&#xC758;&#x201D; &#xBCC0;&#xD558;&#xC9C0; &#xC54A;&#xB294; &#xC774;&#xBBF8;&#xC9C0;&#xC758; &#xACBD;&#xC6B0;&#xB294; img&#xD0DC;&#xADF8;&#xC5D0; base64&#xBC14;&#xC774;&#xB108;&#xB9AC; &#xB370;&#xC774;&#xD130;&#xB97C; &#xB123;&#xC744; &#xC218;&#xB3C4; &#xC788;&#xC74C;(http://webcodertools.com/imagetobase64converter)\n c CSS&#xC5D0;&#xC11C;&#xB294; image-spri Webkit te&#xD65C;&#xC6A9;. \n\n 6-3. JS, CSS minify&compressing, &#xBD88;&#xD544;&#xC694;&#xBD80;&#xBD84; &#xC81C;&#xAC70;, me2day&#xC5D0;&#xC11C;&#xB294; YUI&#xB97C; &#xC0AC;&#xC6A9;&#xD558;&#xACE0; &#xC788;&#xC74C;. &#xACF5;&#xBC31;,line break&#xB4F1;&#xC744; &#xC81C;&#xAC70;. inline CSS&#xB294; &#xCD5C;&#xB300;&#xD55C; &#xC678;&#xBD80;&#xB9AC;&#xC18C;&#xC2A4;&#xB85C; &#xBE7C;&#xACE0;.\n----- \n\n

6-5. &#xC694;&#xCCAD;&#xC218;&#xC758; &#xCD5C;&#xC18C;&#xD654; \n-TCP MSS(Maximum Segment Size) : &#xC77C;&#xBC18;&#xC801;&#xC73C;&#xB85C; TCP payload&#xB294; &#xD328;&#xD0B7;&#xB2F9; 1460byte, 3G&#xB9DD;&#xC5D0;&#xC11C;&#xB294; VPN header&#xB54C;&#xBB38;&#xC5D0; 1360byte&#xC815;&#xB3C4;&#xAE4C;&#xC9C0; &#xC904;&#xC5B4;&#xB4EC;. &#xAC19;&#xC740; &#xC6A9;&#xB7C9;&#xC5D0;&#xB3C4; &#xB354; &#xB9CE;&#xC740; &#xC655;&#xBCF5;. &#xD328;&#xD0B7; 1&#xAC1C;&#xAC00; &#xCD94;&#xAC00;&#xB420;&#xB54C;&#xB9C8;&#xB2E4; 0.1~0.2&#xCD08; &#xC190;&#xC2E4;. \n- 3G&#xB9DD;&#xC5D0;&#xC11C; GET&#xC694;&#xCCAD;&#xC2DC; DNSlookup+TCP handshake + HTTP response&#xB9CC; &#xD569;&#xCCD0;&#xC11C; 1&#xAC74;&#xB2F9; 0.6&#xCD08;&#xAC00; &#xAC78;&#xB9BC;. &#xB530;&#xB77C;&#xC11C; &#xBD88;&#xD544;&#xC694;&#xD55C; &#xC694;&#xCCAD; &#xCD5C;&#xC18C;&#xD654;\n\n- &#xCFE0;&#xD0A4;(&#xB124;&#xC774;&#xBC84; &#xB85C;&#xADF8;&#xC778;&#xC2DC; 2Kbyte&#xC774;&#xC0C1;&#xCFE0;&#xD0A4;)&#xCD5C;&#xB300;&#xD55C; &#xC81C;&#xAC70;, &#xC815;&#xC801;&#xD30C;&#xC77C;&#xC740; cookie&#xC5C6;&#xB294; &#xB3C4;&#xBA54;&#xC778; &#xC774;&#xC6A9;(CDN&#xC740; static.naver.net&#xC0AC;&#xC6A9;)\n- &#xCE90;&#xC2DC;&#xB3C4; &#xC870;&#xC2EC; : GET-if-not-modified => 304not modified &#xB420; &#xB54C;&#xB9C8;&#xB2E4; 0.6&#xCD08;&#xAC00; &#xC18C;&#xC694;&#xB418;&#xB294; &#xAC83;&#xC784;. &#xC2E4;&#xC81C;&#xB294;&#xD3C9;&#xADE0;&#xC801;&#xC73C;&#xB85C; 0.7&#xCD08;&#xC18C;&#xC694;. Redirect&#xB3C4;&#xB9C8;&#xCC2C;&#xAC00;&#xC9C0;.\n\n\n\n

piggyback : &#xBBF8;&#xD22C;&#xB370;&#xC774; &#xAC1C;&#xBCC4;&#xAE00; &#xD398;&#xC774;&#xC9C0;. &#xB2E8;&#xC21C;&#xD788; &#xAC1C;&#xBC1C;&#xC2A4;&#xD329; &#xAD6C;&#xD604;&#xC5D0; &#xADF8;&#xCE58;&#xB294; &#xAC83;&#xC774; &#xC544;&#xB2C8;&#xB77C; \n&#xC0AC;&#xC6A9;&#xC790;&#xC758; UX&#xB97C; &#xACE0;&#xB824;&#xD558;&#xACE0; &#xAC1C;&#xBC1C;&#xD574;&#xC57C; &#xD55C;&#xB2E4;. &#xC774;&#xB7F0; &#xBC31;&#xB2E8;&#xC758; &#xACE0;&#xB824;&#xAE4C;&#xC9C0; UX&#xC5D0;&#xC11C; &#xD574;&#xC8FC;&#xC9C4; &#xC54A;&#xC73C;&#xB2C8;&#xAE4C;.\n

piggyback : &#xBBF8;&#xD22C;&#xB370;&#xC774; &#xAC1C;&#xBCC4;&#xAE00; &#xD398;&#xC774;&#xC9C0;. &#xD55C;&#xBC88; &#xC67C;&#xCABD;&#xC73C;&#xB85C; &#xC2A4;&#xC640;&#xC774;&#xD504;&#xB97C; &#xD55C; &#xC0AC;&#xC6A9;&#xC790;&#xB294; &#xD55C;&#xBC88; &#xB354; &#xC67C;&#xCABD;&#xC73C;&#xB85C; &#xC2A4;&#xC640;&#xC774;&#xD504;&#xD55C; &#xD655;&#xB960;&#xC774; &#xB192;&#xC73C;&#xBBC0;&#xB85C; \n&#xBBF8;&#xB9AC; &#xB85C;&#xB529;&#xC744; &#xD574; &#xB193;&#xB294;&#xB2E4;. => &#xB2E8;&#xC21C;&#xD788; &#xAC1C;&#xBC1C;&#xC2A4;&#xD329; &#xAD6C;&#xD604;&#xC5D0; &#xADF8;&#xCE58;&#xB294; &#xAC83;&#xC774; &#xC544;&#xB2C8;&#xB77C; \n&#xC0AC;&#xC6A9;&#xC790;&#xC758; UX&#xB97C; &#xACE0;&#xB824;&#xD558;&#xACE0; &#xAC1C;&#xBC1C;&#xD574;&#xC57C; &#xD55C;&#xB2E4;. &#xC774;&#xB7F0; &#xBC31;&#xB2E8;&#xC758; &#xACE0;&#xB824;&#xAE4C;&#xC9C0; UX&#xC5D0;&#xC11C; &#xD574;&#xC8FC;&#xC9C4; &#xC54A;&#xC73C;&#xB2C8;&#xAE4C;.\n

HTTP pipelining(http://www.blaze.io/mobile/http-pipelining-big-in-mobile/)\n&#xC18D;&#xB3C4; &#xCD5C;&#xC801;&#xD654;&#xC5D0; &#xD070; &#xC131;&#xACFC;&#xB97C; &#xBCFC; &#xC218; &#xC788;&#xB294; HTTP1.1&#xD45C;&#xC900;&#xC5D0;&#xB3C4; &#xC788;&#xB294; &#xB0B4;&#xC6A9;&#xC774;&#xC9C0;&#xB9CC; &#xC774;&#xB97C; &#xB3C4;&#xC785;&#xD55C; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB4E4;&#xC774; &#xBCC4;&#xB85C; &#xC5C6;&#xB2E4;.(&#xB370;&#xD0D1;&#xC5D0;&#xC11C;&#xB294; &#xC624;&#xD30C;&#xB77C;mini&#xB9CC;&#xC774; HTTP Pipelining&#xC744; &#xC81C;&#xC6D0;&#xD558;&#xACE0; Firefox&#xB294; &#xC9C0;&#xC6D0;&#xD558;&#xC9C0;&#xB9CC; Default&#xAC00; Disabled&#xC774;&#xB2E4;.)\n&#xD558;&#xC9C0;&#xB9CC; &#xCD5C;&#xADFC; &#xBAA8;&#xBC14;&#xC77C;&#xCABD;&#xC5D0;&#xC11C; &#xB9CE;&#xC774; &#xC801;&#xC6A9;&#xD558;&#xB294; &#xCD94;&#xC138;&#xC774;&#xB2E4;. &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xB294; &#xC774;&#xB97C; &#xB3C4;&#xC785;&#xD588;&#xB2E4;\n\nHTTP pipelining&#xC774; &#xBAA8;&#xBC14;&#xC77C;&#xC5D0;&#xC11C; &#xB9E4;&#xB825;&#xC801;&#xC778; &#xC774;&#xC720;&#xB294;,\n 1. &#xBAA8;&#xBC14;&#xC77C; &#xB124;&#xD2B8;&#xC6CC;&#xD06C;&#xB294; &#xB370;&#xD0D1;&#xC758; &#xADF8;&#xAC83;&#xBCF4;&#xB2E4; &#xB354; &#xD070; network latency&#xB97C; &#xAC00;&#xC9C4;&#xB2E4;. => &#xB530;&#xB77C;&#xC11C; RTT&#xB97C; &#xC904;&#xC774;&#xB294; &#xAC83;&#xC740; &#xBAA8;&#xBC14;&#xC77C;&#xC5D0;&#xC11C; &#xB354; &#xD070; &#xC758;&#xBBF8;&#xAC00; &#xC788;&#xB2E4;. \n 2. &#xBAA8;&#xBC14;&#xC77C; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC640; &#xBAA8;&#xBC14;&#xC77C; &#xC6F9;&#xC0AC;&#xC774;&#xD2B8;&#xB4E4;&#xC740; &#xB9CC;&#xB4E4;&#xC5B4;&#xC9C4;&#xC9C0; &#xC5BC;&#xB9C8; &#xB418;&#xC9C0; &#xC54A;&#xC558;&#xB2E4; => &#xC880;&#xB354; &#xC88B;&#xC740; &#xAE30;&#xC220;&#xC744; &#xB3C4;&#xC785;&#xD558;&#xB824;&#xB294; &#xBC29;&#xD5A5;&#xC744; &#xAC00;&#xC9C4;&#xB2E4;. \n\n&#xB530;&#xB77C;&#xC11C; &#xBAA8;&#xBC14;&#xC77C;&#xC5D0;&#xC11C; &#xC624;&#xD788;&#xB824; HTTP pipelining&#xC744; &#xD65C;&#xC6A9;&#xD558;&#xB294; &#xC0AC;&#xB840;&#xAC00; &#xB354; &#xB9CE;&#xB2E4;\nopera mini, opera mobile, android browser &#xBAA8;&#xB450; HTTP pipelining&#xC744; &#xB514;&#xD3F4;&#xD2B8;&#xB85C; &#xC4F4;&#xB2E4;. &#xC774; &#xC138;&#xAC00;&#xC9C0;&#xB97C; &#xD569;&#xCE58;&#xBA74; &#xC804;&#xCCB4; &#xBAA8;&#xBC14;&#xC77C; &#xBE0C;&#xB77C;&#xC6B0;&#xC9D5;&#xC758; 40%&#xAC00; &#xB118;&#xB294;&#xB2E4;. \n\n\n\n

&#xC11C;&#xBC84;&#xC5D0;&#xC11C; pipelining&#xC744; &#xC9C0;&#xC6D0;&#xD558;&#xAE30; &#xC704;&#xD574;&#xC11C;&#xB294; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB85C;&#xBD80;&#xD130;&#xC758; &#xC751;&#xB2F5;&#xC5D0; &#xB450;&#xAC00;&#xC9C0;&#xB97C; &#xBC18;&#xB4DC;&#xC2DC; &#xC751;&#xB2F5;&#xD574;&#xC8FC;&#xC5B4;&#xC57C; &#xD55C;&#xB2E4;. \n1. HTTP/1.1 &#xD504;&#xB85C;&#xD1A0;&#xCF5C; &#xC0AC;&#xC6A9;. \n2. Connection: Keep-Alive &#xBA85;&#xC2DC;(&#xD2B9;&#xD788; &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xC5D0;&#xC11C;&#xB294; &#xD544;&#xC218;) \n&#xC774; &#xC870;&#xAC74;&#xC744; &#xB9CC;&#xC871;&#xD558;&#xC9C0; &#xC54A;&#xC73C;&#xBA74; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB294; &#xB2E8;&#xC21C;&#xD788; HTTP pipelinig&#xC744; &#xC0AC;&#xC6A9;&#xD558;&#xC9C0; &#xC54A;&#xB294;&#xB2E4;. \n&#xC774; &#xC870;&#xAC74;&#xC744; &#xB9CC;&#xC871;&#xD558;&#xBA74; &#xCCAB; &#xCEE4;&#xB125;&#xC158; &#xD639;&#xC740; &#xCCAB; &#xB3C4;&#xBA58;&#xC778;&#xC5D0; &#xB370;&#xD55C; &#xCEE4;&#xB125;&#xC158;&#xC774; &#xB9FA;&#xC5B4;&#xC9C0;&#xBA74; &#xADF8; &#xBC14;&#xB85C; &#xB2E4;&#xC74C; &#xC694;&#xCCAD;&#xC740; pipeline&#xC744; &#xD1B5;&#xD574;&#xC11C; \n&#xBE60;&#xB978; &#xC18D;&#xB3C4;&#xB85C; &#xD1B5;&#xC2E0;&#xD558;&#xAC8C; &#xB41C;&#xB2E4;. \n\nNHN &#xC0AC;&#xB0B4; &#xD45C;&#xC900;&#xC548;&#xC5D0;&#xC11C;&#xB294; &#xC6F9;&#xC11C;&#xBC84;(&#xC544;&#xD30C;&#xCE58;, Nginx)&#xC758; &#xACBD;&#xC6B0; KeepAlive&#xB97C; &#xBE44;&#xD65C;&#xC131;&#xD654; &#xD558;&#xB3C4;&#xB85D; &#xD55C;&#xB2E4;&#xACE0; &#xB4E4;&#xC5C8;&#xB294;&#xB370;, \n&#xC774;&#xB7F0; &#xC131;&#xB2A5; &#xD5A5;&#xC0C1;&#xC744; &#xC704;&#xD574;&#xC11C; &#xC2E4;&#xD5D8;&#xC801;&#xC73C;&#xB85C; &#xCDA9;&#xBD84;&#xD788; &#xD574;&#xBCFC;&#xB9CC; &#xD560;&#xAC83; &#xAC19;&#xB2E4;. \n &#xC9C0;&#xC6D0;&#xD558;&#xAE30; &#xC704;&#xD574;&#xC120; &#xB2E4;&#xC74C;&#xACFC; &#xAC19;&#xC740; &#xCCB4;&#xD06C;&#xC0AC;&#xD56D;&#xB4E4;&#xC774; &#xC788;&#xB2E4;. \n- pipelining&#xC744; &#xC9C0;&#xC6D0;&#xD558;&#xB294; &#xC6F9;&#xC11C;&#xBC84;&#xB97C; &#xC4F0;&#xACE0; &#xC788;&#xB294;&#xC9C0;(&#xB300;&#xBD80;&#xBD84;&#xC758; &#xC6F9;&#xC11C;&#xBC84;(Nginx, Apache)&#xC5D0;&#xC11C; &#xC9C0;&#xC6D0;&#xD55C;&#xB2E4;.)\n- Connection:Keep-Alive &#xD5E4;&#xB354;&#xB97C; &#xD3EC;&#xD568;&#xD574;&#xC11C; &#xBC18;&#xD658;&#xD574;&#xC57C;. \n- &#xB3C4;&#xBA54;&#xC778; &#xC0E4;&#xB529;&#xC740; &#xC870;&#xC2EC;&#xD788; : &#xBAA8;&#xBC14;&#xC77C;&#xC5D0;&#xC11C; &#xCEE4;&#xB125;&#xC158;&#xC758; &#xBE44;&#xC6A9;&#xC740; &#xB9E4;&#xC6B0; &#xD06C;&#xB2E4;. &#xC5EC;&#xB7EC; &#xB3C4;&#xBA54;&#xC778;&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xCEE4;&#xB125;&#xC158;&#xC744; &#xB9FA;&#xB294; &#xAC83;&#xBCF4;&#xB2E4; &#xD55C;&#xAC1C;&#xC758; &#xCEE4;&#xB125;&#xC158;&#xC5D0;&#xC11C; &#xD30C;&#xC774;&#xD504;&#xB77C;&#xC774;&#xB2DD;&#xC744; &#xD558;&#xB294; &#xAC83;&#xC774; &#xD6E8;&#xC52C; &#xD6A8;&#xACFC;&#xC801;&#xC77C; &#xC218; &#xC788;&#xB2E4;. \n\n \n\npipeline&#xC744; &#xC801;&#xC6A9;&#xD55C; &#xC88B;&#xC740; &#xC0AC;&#xB840; : http://www.brianp.net/2011/07/19/will-http-pipelining-help-a-study-based-on-the-httparchive-org-data-set/\n&#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xBCA4;&#xB354;&#xB4E4;&#xC774; pipeline&#xC744; &#xB3C4;&#xC785;&#xD558;&#xC9C0; &#xC54A;&#xB294;(&#xD639;&#xC740; default&#xB85C; &#xD558;&#xC9C0; &#xC54A;&#xB294; &#xC774;&#xC720;) &#xC774;&#xC720; &#xC774;&#xC288; :http://www.subbu.org/blog/2011/02/can-pipelining-help \n

7. &#xC778;&#xD48B;&#xC5D0; &#xB300;&#xD55C; &#xACE0;&#xB824; : \n&#xB300;&#xBD80;&#xBD84;&#xC758; &#xC2A4;&#xB9C8;&#xD2B8;&#xD3F0;&#xC774; &#xB370;&#xD0D1;&#xACFC;&#xB294; &#xB2E4;&#xB978; &#xC881;&#xC740; &#xD654;&#xBA74;&#xC5D0;&#xC11C; Touch&#xAE30;&#xBC18;&#xC758; &#xC785;&#xB825;&#xC744; &#xBC1B;&#xB294;&#xB2E4;. &#xC774;&#xB97C; &#xAE30;&#xBC18;&#xC73C;&#xB85C; &#xACE0;&#xB824;&#xD574;&#xC57C;&#xD560; &#xC0AC;&#xD56D;&#xB4E4;&#xC740; &#xB2E4;&#xC74C;&#xACFC; &#xAC19;&#xC740; &#xAC83;&#xB4E4;. \n- &#xBC84;&#xD2BC; :12px&#xC815;&#xB3C4;&#xC758; &#xD14D;&#xC2A4;&#xD2B8; &#xD06C;&#xAE30;&#xB294; &#xD130;&#xCE58;&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xC815;&#xD655;&#xD788; &#xC120;&#xD0DD;&#xD558;&#xAE30;&#xAC00; &#xD798;&#xB4E4;&#xB2E4;. Apple&#xC5D0;&#xC11C;&#xB294; &#xD130;&#xCE58;&#xC7A5;&#xBE44;&#xC5D0;&#xC11C;&#xC758; &#xBC84;&#xD2BC; &#xD06C;&#xAE30;&#xB97C; 44x44px&#xB97C; &#xAD8C;&#xC7A5;&#xD55C;&#xB2E4;. \n- Gesture&#xD65C;&#xC6A9; : &#xD130;&#xCE58;&#xAE30;&#xBC18;&#xC758; &#xBAA8;&#xBC14;&#xC77C; &#xC778;&#xD130;&#xD398;&#xC774;&#xC2A4;&#xC5D0;&#xC11C;&#xB294; gesture&#xAC00; &#xB610; &#xD558;&#xB098;&#xC758; &#xC785;&#xB825; &#xBC29;&#xC2DD;&#xC774;&#xB2E4;(&#xBBF8;&#xD22C;&#xB370;&#xC774; &#xAC1C;&#xBCC4;&#xD398;&#xC774;&#xC9C0;&#xC5D0;&#xC11C;&#xB294; &#xC774;&#xBBF8; &#xD65C;&#xC6A9;)\n- mouse&#xC774;&#xBCA4;&#xD2B8; &#xC0AC;&#xC6A9; &#xAE08;&#xC9C0; : &#xB370;&#xD0D1;&#xACFC; &#xAC19;&#xC774; &#xB9C8;&#xC6B0;&#xC2A4; &#xC785;&#xB825;&#xC744; &#xBC1B;&#xC9C0; &#xC54A;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; mousehover,mouseenter, mouseout&#xC0AC;&#xC6A9;&#xAE08;&#xC9C0;(&#xBBF8;&#xD22C;&#xB370;&#xC774;ipad&#xC791;&#xC5C5;&#xC5D0;&#xC11C;&#xB3C4; &#xB9CE;&#xC774; &#xC218;&#xC815;&#xB428;)&#xD55C;&#xB2E4;. \n- &#xC785;&#xB825;&#xD560; &#xAC83;&#xB4E4; &#xCD5C;&#xC18C;&#xD654; : &#xC9E7;&#xC740; URL(me2day.net/mobile(X) => me2day.net/m(O)), Autocomplete(&#xAC80;&#xC0C9;, &#xC18C;&#xD658; &#xB4F1;), &#xCD5C;&#xB300;&#xD55C; &#xC815;&#xBCF4;&#xB294; &#xCC44;&#xC6CC;&#xC900;&#xB2E4;. &#xC561;&#xC158;&#xC744; &#xCD5C;&#xC18C;&#xD654;(e.g. &#xC548;&#xD2F0;pagination, pagination&#xC740; &#xC545;&#xBABD; &#xADF8;&#xC790;&#xCCB4;&#xC774;&#xB2E4;. ) \n\n&#xC790;&#xC81C;&#xD574;&#xC57C;&#xD560; &#xAC83;&#xB4E4; : , &#xD31D;&#xC5C5;&#xCC3D;, &#xC9C0;&#xB098;&#xCE5C;Ajax(&#xD558;&#xB824;&#xBA74; status bar&#xC5D0; load indicator&#xB97C; &#xBCF4;&#xC5EC;&#xC8FC;&#xAE30;), &#xC790;&#xB3D9;&#xC0C8;&#xB85C;&#xACE0;&#xCE68;, &#xC790;&#xB3D9;&#xB9AC;&#xB2E4;&#xC774;&#xB809;&#xD2B8;(&#xB4A4;&#xC5D0; Backend&#xAD00;&#xB828; &#xC774;&#xC288;&#xC5D0;&#xC11C; &#xB354; &#xB17C;&#xC758;), &#xC218;&#xC9C1;&#xC2A4;&#xD06C;&#xB864;,&#xD504;&#xB808;&#xC784;\n\n\n\n&#xC57C;&#xD6C4;&#xC758; 7&#xAC00;&#xC9C0; &#xCE74;&#xD14C;&#xACE0;&#xB9AC;&#xC5D0; &#xB300;&#xD574;&#xC11C; 35&#xAC1C; &#xC6F9;&#xC131;&#xB2A5;&#xD5A5;&#xC0C1;&#xC744; &#xC704;&#xD55C; &#xD301; : http://developer.yahoo.com/performance/rules.html\nw3c mobile web best practice\n http://www.w3.org/2009/Talks/mwi-cambridge/session1.html#(18)\n

1. &#xC810;&#xC9C4;&#xC801; &#xAC1C;&#xBC1C; : &#xCEE8;&#xD150;&#xCE20; &#xAC1C;&#xBC1C;&#xC5D0; &#xC911;&#xC810; => &#xD504;&#xB808;&#xC820;&#xD14C;&#xC774;&#xC158;(CSS&#xB4F1;)&#xAC1C;&#xC120; => &#xCD5C;&#xC885;&#xC801;&#xC73C;&#xB85C; (&#xC790;&#xBC14;&#xC2A4;&#xD06C;&#xB9BD;&#xD2B8; &#xB4F1;)&#xD074;&#xB77C;&#xC774;&#xC5B8;&#xD2B8; &#xC2A4;&#xD06C;&#xB9BD;&#xD305; &#xCD94;&#xAC00;. \n &#xBBF8;&#xD22C;&#xB370;&#xC774;&#xC758; WAP => &#xBBF8;&#xD22C;&#xB370;&#xC774; &#xBAA8;&#xBC14;&#xC77C; WEB => &#xBBF8;&#xD22C;&#xB370;&#xC774; &#xC6F9;&#xC11C;&#xBE44;&#xC2A4;. BUT&#xC774;&#xBBF8; &#xB808;&#xAC70;&#xC2DC;&#xAC00; &#xC788;&#xB294; &#xAC70;&#xC5D0;&#xB294; &#xD070; &#xC758;&#xBBF8; &#xC5C6;&#xB294; &#xC774;&#xC57C;&#xAE30;.\nhumble javascript - fallback &#xCC98;&#xB9AC;.\nhttp://yozm.daum.net/gmarketstory/97283172#none => &#xC6B0;&#xC0C1;&#xB2E8; &#xC0AC;&#xC9C4; => &#xCC98;&#xB9AC; &#xC548;&#xB428;.\nhttp://me2day.net/21dara => &#xC0AC;&#xC9C4; &#xD074;&#xB9AD; => fallback&#xCC98;&#xB9AC; &#xB428;. GOOD \n\n\n-----------\n\n&#xBE0C;&#xB77C;&#xC6B0;&#xC800; &#xC5D4;&#xC9C4;&#xC73C;&#xB85C; 2005&#xB144; &#xC560;&#xD50C;&#xC774; &#xD504;&#xB808;&#xC784;&#xC6CC;&#xD06C;&#xB97C; &#xC624;&#xD508;&#xC18C;&#xC2A4;&#xB85C; &#xACF5;&#xAC1C;&#xD568;.\n- &#xC544;&#xC774;&#xD3F0;&#xC6F9;&#xBDF0;, &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC; &#xC6F9;&#xBDF0;, &#xB178;&#xD0A4;&#xC544; &#xB4F1; &#xBAA8;&#xB450; &#xC6F9;&#xD0B7;&#xC5D0; &#xAE30;&#xCD08;. &#xB2E8; &#xC6F9;&#xD0B7;&#xC774;&#xB77C;&#xACE0; &#xBAA8;&#xB450; 100%&#xB3D9;&#xC77C;&#xD55C; &#xB80C;&#xB354;&#xB9C1; &#xC2A4;&#xD399;&#xC744; &#xAC00;&#xC9C0;&#xACE0; &#xC788;&#xB294; &#xAC83;&#xC740; &#xC544;&#xB2C8;&#xB2E4;. \n\n&#xB300;&#xBD80;&#xBD84;&#xC758; &#xC2A4;&#xB9C8;&#xD2B8;&#xD3F0;&#xC774; &#xC544;&#xC774;&#xD3F0;&#xACFC; &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xACE0; &#xB458; &#xB2E4; webkit&#xC744; &#xC801;&#xC6A9;&#xD558;&#xC600;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; HTML5&#xB97C; &#xC9C0;&#xC6D0;&#xD55C;&#xB2E4;.\nIE&#xAC00; HTML5&#xC9C0;&#xC6D0;&#xC5D0; &#xC18C;&#xADF9;&#xC801;&#xC784;&#xC5D0;&#xB3C4; &#xC6B0;&#xB9AC;&#xAC00; HTML5&#xC5D0; &#xC9D1;&#xC911;&#xC744; &#xD574;&#xC57C;&#xD558;&#xB294; &#xC774;&#xC720;&#xAC00; &#xBC14;&#xB85C; &#xC774;&#xB54C;&#xBB38;&#xC774;&#xB2E4;. \n&#xAC00;&#xD2B8;&#xB108; &#xC5D0;&#xC11C; &#xBC1C;&#xD45C;&#xD55C; 2011&#xB144; 11&#xC6D4; &#xBAA8;&#xBC14;&#xC77C; &#xAE30;&#xAE30; &#xB3D9;&#xD5A5; : http://www.gartner.com/it/page.jsp?id=1848514 \n&#xBAA8;&#xBC14;&#xC77C;OS &#xC778;&#xD3EC;&#xADF8;&#xB798;&#xD53D; : http://www.winmatrix.com/forums/index.php?/topic/32443-android-vs-iphone-infographic/\n\nwebkit&#xC5D0;&#xC11C;&#xC758; &#xD14C;&#xC2A4;&#xD2B8; : http://www.quirksmode.org/blog/archives/2009/10/there_is_no_web.html\n\n----\n\n

&#x201C;&#xC0AC;&#xC2E4;&#xC0C1; Backend&#xC5D0;&#xB294; &#xBAA8;&#xBC14;&#xC77C;&#xC744; &#xC704;&#xD55C; &#xCD5C;&#xC801;&#xD654; &#xAE30;&#xBC95;&#xC774;&#xB77C;&#xB294; &#xAC8C; &#xD2B9;&#xBCC4;&#xD788; &#xC5C6;&#xB2E4;. &#xAE30;&#xC874; &#xC6F9;&#xC758; &#xCD5C;&#xC801;&#xD654; &#xAE30;&#xBC95;&#xACFC; &#xAC70;&#xC758; &#xC720;&#xC0AC;&#xD558;&#xC9C0;&#xB9CC;,\n &#xAE30;&#xC874; &#xB370;&#xD0D1;&#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC5D0;&#xC11C;&#xC758; &#xCDA9;&#xBD84;&#xD55C; &#xC131;&#xB2A5;&#xB4E4;&#xB85C; &#xAD00;&#xACFC; &#xD587;&#xB358; &#xBD80;&#xBD84;&#xB4E4;&#xC5D0; &#xB300;&#xD574; remind&#xD558;&#xB294; &#xCC28;&#xC6D0;&#xC758; &#xC758;&#xBBF8;&#xAC00; &#xC788;&#xB2E4;. &#xADF8;&#xB9AC;&#xACE0; &#xC544;&#xB798; &#xC0AC;&#xD56D;&#xB4E4;&#xC744; &#xAC1C;&#xBC1C; &#xCD08;&#xAE30;&#xBD80;&#xD130; &#xD558;&#xBA74; &#xC88B;&#xACA0;&#xC9C0;&#xB9CC;\n&#xC774;&#xBBF8; &#xB808;&#xAC70;&#xC2DC;&#xAC00; &#xC788;&#xB294; &#xACBD;&#xC6B0;&#xAC00; &#xB300;&#xBD80;&#xBD84;. &#xB530;&#xB77C;&#xC11C; defect&#xAC00; &#xC6B0;&#xC120;&#xC774; &#xB41C;&#xB2E4;&#x201D; \n

= &#xC751;&#xB2F5; &#xC555;&#xCD95; &#xC0AC;&#xC6A9; = \n&#xBCF4;&#xD1B5; gzip, deflate &#xC555;&#xCD95;&#xC54C;&#xACE0;&#xB9AC;&#xC998;&#xC774; &#xC788;&#xC9C0;&#xB9CC; gzip&#xC744; &#xC8FC;&#xB85C; &#xC4F4;&#xB2E4;. \nJS, CSS, Makrup, JSON, XML&#xB4F1;&#xC758; &#xBAA8;&#xB4E0; &#xB3D9;&#xC801; &#xB370;&#xC774;&#xD130;&#xB294; &#xC6F9;&#xC11C;&#xBC84;&#xC5D0;&#xC11C; &#xC555;&#xCD95;&#xB418;&#xC5B4;&#xC11C; &#xC624;&#xB294; &#xAC8C; &#xC88B;&#xB2E4;. \n&#xC77C;&#xBC18;&#xC801;&#xC73C;&#xB85C; &#xC624;&#xB514;&#xC624;, &#xBE44;&#xB514;&#xC624;, &#xC774;&#xBBF8;&#xC9C0; &#xB4F1; &#xC758; &#xBA40;&#xD2F0;&#xBBF8;&#xB514;&#xC5B4;&#xB294; &#xC751;&#xB2F5; &#xC555;&#xCD95;&#xC5D0; &#xD070; &#xC774;&#xB4DD;&#xC774; &#xC5C6;&#xC74C;(&#xBA40;&#xD2F0;&#xBBF8;&#xB514;&#xC5B4;&#xC5D0;&#xC11C;&#xC758; &#xC555;&#xCD95;&#xC740; &#xD30C;&#xC77C; &#xC790;&#xCCB4; &#xD615;&#xC2DD;&#xC758; &#xACE0;&#xC720;&#xD55C; &#xAE30;&#xB2A5;&#xC774;&#xAE30; &#xB54C;&#xBB38;)\n\n

= &#xCE90;&#xC2F1; = \n- Date ; &#xC11C;&#xBC84;&#xC758; &#xC751;&#xB2F5;&#xC2DC;&#xAC04;. &#xD074;&#xB77C;&#xC774;&#xC5B8;&#xD2B8;&#xC5D0;&#xC11C;&#xB294; &#xC774; &#xAC12;&#xC744; &#xAC00;&#xC9C0;&#xACE0; &#xD30C;&#xAE30;&#xC5EC;&#xBD80;&#xB97C; &#xACB0;&#xC815;. GMT&#xB85C; &#xD45C;&#xC2DC; -\n- Last-Modified : &#xC6F9;&#xB9AC;&#xC18C;&#xC2A4;&#xAC00; &#xB9C8;&#xC9C0;&#xB9C9;&#xC73C;&#xB85C; &#xC218;&#xC815;&#xB41C;&#xC2DC;&#xAC04;.&#xC815;&#xC801;&#xBB38;&#xC11C;&#xC5D0;&#xC11C;&#xB294; &#xC6F9;&#xC11C;&#xBC84; &#xD30C;&#xC77C;&#xC2DC;&#xC2A4;&#xD15C;&#xC5D0;&#xC11C; &#xCD5C;&#xADFC; &#xC218;&#xC815;&#xD55C; &#xB0A0;&#xC9DC;&#xC774;&#xACE0;, &#xB3D9;&#xC801;&#xC778; &#xBB38;&#xC11C;&#xC5D0;&#xC11C;&#xB294; &#xBB38;&#xC11C;&#xC758; &#xAD6C;&#xC131;&#xC694;&#xC18C;&#xAC00; &#xBCC0;&#xACBD;&#xB41C; &#xC2DC;&#xAC04; &#xD639;&#xC740; &#xD604;&#xC7AC;&#xC2DC;&#xAC04;&#xC774; &#xB428;. &#xC0DD;&#xB7B5;&#xD558;&#xB294; &#xACBD;&#xC6B0; GET-If-Modified-Since&#xAC00; &#xBC1C;&#xC0DD;&#xD558;&#xC5EC; &#xBB34;&#xC870;&#xAC74; GET&#xC774; &#xBC1C;&#xC0DD;&#xB418;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xBA85;&#xC2DC;&#xD558;&#xB294; &#xAC83;&#xC774; &#xC88B;&#xC74C;. \n- Expire : &#xCE90;&#xC2DC;&#xAC00; &#xC5B8;&#xC81C; &#xC81C;&#xAC70;&#xB418;&#xC5B4;&#xC57C; &#xD558;&#xB294;&#xC9C0; &#xBA85;&#xC2DC;. &#xCE90;&#xC2F1;&#xC744; &#xB9C9;&#xAE30; &#xC704;&#xD574;&#xC11C;&#xB294; &#xACFC;&#xAC70; &#xC2DC;&#xAC04;&#xC774;&#xB098; -1, 0&#xACFC; &#xAC19;&#xC740; &#xC815;&#xC218;&#xAC12;&#xC744; &#xB123;&#xC73C;&#xBA74; &#xB41C;&#xB2E4;. &#xC774; &#xAC12;&#xBCF4;&#xB2E4; Cache-control&#xD5E4;&#xB354;&#xC758; expire&#xAC12;&#xC774; &#xB354; &#xC6B0;&#xC120;&#xC21C;&#xC704;&#xAC00; &#xB192;&#xB2E4;. &#xB300;&#xBD80;&#xBD84;&#xC758; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB294; Expires&#xC21C;&#xC73C;&#xB85C; &#xCE90;&#xC2DC;&#xB97C; &#xAD00;&#xB9AC;&#xD558;&#xAE30; &#xB54C;&#xBB38; &#xAE38;&#xC218;&#xB85D; &#xC720;&#xB9AC;&#xD558;&#xB2E4;.\n- Cache-Control : &#xCE90;&#xC2F1; &#xC9C0;&#xC2DC;&#xC790;&#xB85C;&#xC11C; &#xD575;&#xC2EC; &#xD5E4;&#xB354;. &#xC774;&#xB294; &#xD074;&#xB77C;&#xC774;&#xC5B8;&#xD2B8;&#xBFD0;&#xB9CC; &#xC544;&#xB2C8;&#xB77C; downstream&#xCE90;&#xC2F1; &#xD504;&#xB7ED;&#xC2DC; &#xC11C;&#xBC84;&#xC5D0;&#xC11C;&#xB3C4; &#xC9C0;&#xCF1C;&#xC838;&#xC57C; &#xD568;&#xC744; &#xC9C0;&#xC2DC;&#xD558;&#xB294; &#xD5E4;&#xB354;&#xAC12;&#xC774;&#xB2E4;.\n- Cache-Control: no-cache, no-store, no-transform : &#xCE90;&#xC2F1;&#xC744; &#xD558;&#xC9C0; &#xC54A;&#xACE0;, &#xC800;&#xC7A5;&#xD558;&#xC9C0; &#xC54A;&#xC73C;&#xBA70;, downstream &#xD504;&#xB85D;&#xC2DC;&#xC5D0;&#xC11C; &#xBCC0;&#xD615; &#xD558;&#xB294;&#xAC83;&#xC744; &#xB9C9;&#xB294;&#xB2E4;&#xB294; &#xC758;&#xBBF8;. &#xAE30;&#xBCF8;&#xC801;&#xC73C;&#xB85C; &#xC55E;&#xC5D0;&#xB294; Public&#xAC12;(&#xACF5;&#xAC1C;&#xC801;&#xC778; &#xB370;&#xC774;&#xD130;)&#xAC00; &#xB4E4;&#xC5B4;&#xAC00;&#xACE0; \n&#xAC1C;&#xC778;&#xB370;&#xC774;&#xD130;(&#xAC1C;&#xC778;&#xC815;&#xBCF4; &#xB4F1;)&#xB97C; &#xCE90;&#xC2F1;&#xD560; &#xACBD;&#xC6B0;&#xC5D0;&#xB294; Private&#xC744; &#xBA85;&#xC2DC;&#xD574;&#xC8FC;&#xC5B4;&#xC57C; &#xD55C;&#xB2E4;.\n\n- Pragma : &#xCE90;&#xC2DC;&#xB418;&#xC9C0; &#xB9D0;&#xC544;&#xC57C; &#xD560; &#xACBD;&#xC6B0;&#xB97C; &#xC704;&#xD574;&#xC11C; Pragma: no-cache&#xB97C; &#xBA85;&#xC2DC;&#xD574;&#xC900;&#xB2E4;. &#xD558;&#xC9C0;&#xB9CC; Pragma&#xB294; HTTP1.1&#xC5D0;&#xC11C; optional&#xB85C; &#xC815;&#xC758;&#xD558;&#xACE0; &#xC788;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xC774;&#xBCF4;&#xB2E4;&#xB294; Cache-Control: no-cache&#xB97C; &#xC4F0;&#xB294; &#xAC83;&#xC774; &#xC88B;&#xB2E4;. - Vary : &#xD574;&#xB2F9; &#xCE90;&#xC2DC; &#xC815;&#xCC45;&#xC744; &#xADF8;&#xB8F9;&#xD551;&#xD560; &#xB54C; &#xC0AC;&#xC6A9;&#xD55C;&#xB2E4;. \n Vary: User-Agent, Accept => User-Agent&#xC640; Accept&#xD5E4;&#xB354;&#xC640; &#xB3D9;&#xC77C;&#xD55C; &#xAC12;&#xC73C;&#xB85C; &#xC694;&#xCCAD;&#xD558;&#xB294; &#xD074;&#xB77C;&#xC774;&#xC5B8;&#xD2B8;&#xB4E4;&#xC5D0; &#xB300;&#xD574;&#xC11C;&#xB9CC; &#xCE90;&#xC2DC;&#xB97C; &#xC9C0;&#xC815;&#xD55C;&#xB2E4;. \n- Etag : &#xC0DD;&#xB7B5;&#xB418;&#xB294; &#xACBD;&#xC6B0; GET-If-Not-Matched&#xAC00; &#xB300;&#xC2E0; &#xC801;&#xC6A9;&#xB418;&#xC5B4; &#xBB34;&#xC870;&#xAC74; GET&#xC774; &#xBC1C;&#xC0DD;&#xD55C;&#xB2E4;. &#xC124;&#xC815;&#xC624;&#xB958;&#xB098; &#xBC84;&#xADF8;&#xB85C; &#xC778;&#xD574; &#xBB38;&#xC81C;&#xAC00; &#xC788;&#xC5B4;&#xC11C; &#xC0AC;&#xC6A9;&#xC740; &#xCD94;&#xCC9C;&#xD558;&#xC9C0; &#xC54A;&#xB294;&#xB2E4;. \nNHN&#xAD8C;&#xC7A5;&#xC0AC;&#xD56D; : Etag&#xBBF8;&#xC0AC;&#xC6A9;, Last-Modified/Expires&#xC0AC;&#xC6A9;&#xD558;&#xC790;. \n\n-&#xCE90;&#xC2DC; &#xD30C;&#xAE30;&#xB294; URL&#xC5D0; timestamp&#xCFFC;&#xB9AC;&#xC2A4;&#xD2B8;&#xB9C1;&#xC744;&#xCD94;&#xAC00;&#xD558;&#xAC70;&#xB098; &#xD30C;&#xC77C;&#xBA85;&#xC744; &#xBC14;&#xAFB8;&#xC790;.(&#xC0AC;&#xB0B4; CDN&#xAC00;&#xC774;&#xB4DC;&#xB294; &#xD30C;&#xC77C;&#xBA85;&#xC744; &#xBC14;&#xAFB8;&#xB294; &#xAC83;&#xC73C;&#xB85C; &#xAC00;&#xC774;&#xB4DC;) \n

&#xD14C;&#xC2A4;&#xD2B8;&#xC5D0; &#xB300;&#xD574; &#xC54C;&#xC544;&#xBCF4;&#xB294; &#xAC70;&#xC5D0; &#xB300;&#xD55C; &#xB2F9;&#xC704;&#xC131; : &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC;&#xB85C; &#xAC00;&#xB4E0; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB85C; &#xAC00;&#xB4E0;! &#xAC00;&#xC7A5; &#xB9CE;&#xC740; &#xB9AC;&#xC18C;&#xC2A4; &#xBE44;&#xC6A9;&#xC774; &#xB4DC;&#xB294; &#xAC83;&#xC740; &#xBC14;&#xB85C; &#x201C;&#xD14C;&#xC2A4;&#xD2B8;&#x201D;&#xC774;&#xB2E4;!!!!!\n*****http://www.slideshare.net/fling/native-v-hybrid-v-web 83&#xD398;&#xC774;&#xC9C0; &#xC801;&#xADF9; &#xC778;&#xC6A9;*****\n\n\n&#xAE30;&#xAE30;&#xB97C; &#xC798; &#xC54C;&#xC544;&#xC57C; &#xD14C;&#xC2A4;&#xD2B8;&#xAC00; &#xAC00;&#xB2A5;&#xD558;&#xB2E4;. \n1. &#xAE30;&#xAE30;&#xC758; &#xCEE4;&#xB125;&#xC158; &#xAD00;&#xB828; &#xC131;&#xB2A5; &#xD14C;&#xC2A4;&#xD2B8; \n=&#xBE0C;&#xB77C;&#xC6B0;&#xC800; &#xCE90;&#xC2F1;&#xACFC; &#xC131;&#xB2A5; &#xD14C;&#xC2A4;&#xD2B8;=\nhttp://cloudfour.com/mobile/ &#xD398;&#xC774;&#xC9C0;&#xB97C; &#xD1B5;&#xD574;&#xC11C;, \n- &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC5D0;&#xC11C; &#xAC00;&#xB2A5;&#xD55C; &#xB3D9;&#xC2DC; HTTP&#xC811;&#xC18D; &#xC218; \n- Gzip&#xC9C0;&#xC6D0; &#xC5EC;&#xBD80;\n- Expires&#xAC00; &#xBA3C; &#xBBF8;&#xB798; &#xD639;&#xC740; &#xC815;&#xC218;(-1 or 0)&#xC77C; &#xACBD;&#xC6B0; &#xBE0C;&#xB77C;&#xC6B0;&#xC800; &#xC601;&#xAD6C; &#xCE90;&#xC2F1;&#xC744; &#xD558;&#xB294;&#xC9C0; &#xC5EC;&#xBD80; \n&#xB4F1;&#xC744; &#xD14C;&#xC2A4;&#xD2B8;&#xD574;&#xBCFC; &#xC218; &#xC788;&#xB2E4;.\n&#xADF8; &#xACB0;&#xACFC;&#xB294; http://cloudfour.com/mobile/summary.php &#xC5D0;&#xC11C; &#xD655;&#xC778; &#xAC00;&#xB2A5;\n\n2. &#xC6D0;&#xACA9;&#xC9C0;&#xC5D0;&#xC11C;&#xC758; &#xB514;&#xBC14;&#xC774;&#xC2A4; &#xD14C;&#xC2A4;&#xD2B8;\nhttp://deviceanywhere.com PerfectoMobile(http://perfectomobile.com) &#xC774;&#xB77C;&#xB294; &#xC628;&#xB77C;&#xC778; &#xC11C;&#xBE44;&#xC2A4;&#xB294; &#xC6D0;&#xACA9;&#xC758; &#xD2B9;&#xC815; &#xC9C0;&#xC5ED;&#xC5D0;&#xC11C; &#xD2B9;&#xC815; &#xBAA8;&#xBC14;&#xC77C; &#xAE30;&#xAE30;&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xD14C;&#xC2A4;&#xD2B8; &#xAC00;&#xB2A5; \n\n=&#xC5D0;&#xBBAC;/&#xC2DC;&#xBBAC;/&#xBE0C;&#xB77C;&#xC6B0;&#xC800; &#xC5D0;&#xC11C;&#xC758; &#xD14C;&#xC2A4;&#xD2B8; = \n- User-Agent switcher\n- window resizer \n- header modifier\n

\n&#x201C;there is no WebKit on Mobile&#x201D; \nwebkit&#xC5D0;&#xC11C;&#xC758; &#xD14C;&#xC2A4;&#xD2B8; : http://www.quirksmode.org/blog/archives/2009/10/there_is_no_web.html\n&#xD14C;&#xC2A4;&#xD2B8; &#xACB0;&#xACFC; &#xC0AC;&#xD30C;&#xB9AC;4&#xAC00; &#xAC00;&#xC7A5; &#xC798; &#xAD6C;&#xD604;&#xB41C; &#xC6F9;&#xD0B7;&#xC73C;&#xB85C; &#xB098;&#xC634;. \n\n

\n&#x201C;there is no WebKit on Mobile&#x201D; \nwebkit&#xC5D0;&#xC11C;&#xC758; &#xD14C;&#xC2A4;&#xD2B8; : http://www.quirksmode.org/blog/archives/2009/10/there_is_no_web.html\n\n=&#xAE30;&#xAE30; &#xD14C;&#xC2A4;&#xD2B8;= \n&#xAC01;&#xC885; &#xC5D0;&#xBBAC;&#xB808;&#xC774;&#xD130;, &#xC2DC;&#xBBAC;&#xB808;&#xC774;&#xD130;&#xC5D0;&#xC11C; &#xD14C;&#xC2A4;&#xD2B8; &#xAC00;&#xB2A5;, &#xC5D0;&#xBBAC;/&#xC2DC;&#xBBAC;&#xC5D0;&#xC11C; &#xD14C;&#xC2A4;&#xD2D1; &#xC7A5;&#xBE44;&#xBE44;&#xC6A9;&#xC774; &#xC5C6;&#xACE0; &#xAE30;&#xB2A5;&#xBD84;&#xC11D; &#xBC0F; &#xBE60;&#xB978; &#xAC1C;&#xBC1C;&#xC21C;&#xD658;&#xC744; &#xAC00;&#xC9C0;&#xB294;&#xB370; &#xB3C4;&#xC6C0;&#xC774; &#xB418;&#xC9C0;&#xB9CC; \n&#xC5D0;&#xBBAC;&#xB808;&#xC774;&#xD130;(&#xD2B9;&#xD788; &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;)&#xB294; &#xBB34;&#xAC81;&#xACE0; &#xC2DC;&#xBBAC;&#xB808;&#xC774;&#xD130;&#xB294; &#xAE30;&#xB2A5;&#xC774; &#xBD80;&#xC871;&#xD568;. &#xCEF4;&#xD4E8;&#xD305; &#xB9AC;&#xC18C;&#xC2A4;/&#xB124;&#xD2B8;&#xC6CC;&#xD06C;&#xB300;&#xC5ED;&#xD3ED;&#xB4F1;&#xC744; 100%&#xC7AC;&#xD604;&#xD558;&#xB294; &#xAC83;&#xC740; &#xBD88;&#xAC00;&#xB2A5; &#xD558;&#xACE0; \n&#xC8FC;&#xB958;&#xB97C; &#xC774;&#xB8E8;&#xACE0; &#xC788;&#xB294; webkit&#xB3C4; &#xAC1C;&#xB9C8;&#xB2E4; &#xAD6C;&#xD604;&#xC774; &#xB2E4;&#xB974;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xAC00;&#xC7A5; &#xC88B;&#xC740; &#xD14C;&#xC2A4;&#xD2B8; &#xBC29;&#xBC95;&#xC740; \n&#x201C;&#xC2E4;&#xAE30;&#xC5D0;&#xC11C; &#xD14C;&#xC2A4;&#xD2B8; &#xD558;&#xB294;&#xAC83;&#xC774; &#xAC11;&#x201D; \n\n\n\n

=&#xC2E4;&#xAE30;&#xAE30;&#xC5D0;&#xC11C;&#xC758; &#xD14C;&#xC2A4;&#xD2B8;=\n- weinre&#xD65C;&#xC6A9; : &#xBAA8;&#xBC14;&#xC77C; &#xC6F9; inspect&#xD14C;&#xC2A4;&#xD2B8;(safrai/chrome&#xC758; web inspect&#xAC19;&#xC740;)&#xBAA8;\n http://www.youtube.com/watch?v=gaAI29UkVCc\n &#xC7A5;&#xC810; : PC &#xC6F9; &#xB514;&#xBC84;&#xAE45;&#xACFC; &#xC720;&#xC0AC;&#xD55C; &#xB514;&#xBC84;&#xAE45; &#xACBD;&#xD5D8;&#xC744; &#xC8FC;&#xACE0;, &#xBAA8;&#xB4E0; OS&#xBC0F; &#xB2E8;&#xB9D0;&#xC5D0;&#xC11C; &#xC0AC;&#xC6A9; &#xAC00;&#xB2A5;, &#xC2E4;&#xC2DC;&#xAC04;&#xC73C;&#xB85C; &#xBAA8;&#xBC14;&#xC77C; &#xD398;&#xC774;&#xC9C0; &#xBCC0;&#xACBD; &#xD14C;&#xC2A4;&#xD2B8; &#xAC00;&#xB2A5;, \n &#xB2E8;&#xC810; : &#xC2A4;&#xD06C;&#xB9BD;&#xD2B8;&#xB85C; &#xBB34;&#xAC70;&#xC6CC;&#xC838;&#xC11C; &#xC131;&#xB2A5;&#xD14C;&#xC2A4;&#xD2B8;&#xB294; &#xD558;&#xAE30;&#xC5D4; &#xBB34;&#xB9AC;&#xAC00; &#xC788;&#xC74C;. \n- console.log : iOS sarafi&#xC5D0;&#xC11C; console&#xC744; &#xD0AC; &#xC218; &#xC788;&#xC74C;. &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xC5D0;&#xC11C;&#xB294; &#xB2E8;&#xB9D0;&#xACFC; PC&#xB97C; &#xC5F0;&#xACB0;&#xD574;&#xC11C; Dalvik debug monitor&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xAC00;&#xB2A5;. \n- CAProxy(&#xC708;&#xB3C4;&#xC6B0;)&#xD504;&#xB85D;&#xC2F1;&#xC744; &#xC774;&#xC6A9;&#xD55C; &#xD14C;&#xC2A4;&#xD2B8;\n\n\n\n

- console.log : iOS sarafi&#xC5D0;&#xC11C; console&#xC744; &#xD0AC; &#xC218; &#xC788;&#xC74C;. &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xC5D0;&#xC11C;&#xB294; &#xB2E8;&#xB9D0;&#xACFC; PC&#xB97C; &#xC5F0;&#xACB0;&#xD574;&#xC11C; Dalvik debug monitor&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xAC00;&#xB2A5;. \n- CAProxy(&#xC708;&#xB3C4;&#xC6B0;)&#xD504;&#xB85D;&#xC2F1;&#xC744; &#xC774;&#xC6A9;&#xD55C; &#xD14C;&#xC2A4;&#xD2B8;\n\n\n\n

http://www.readwriteweb.com/archives/redux_how_facebook_mobile_was_designed_to_write_once_run.php\n\n7.5&#xC5B5;&#xBA85;&#xC758; AU(Active User)\\, stmart&#xD3F0;&#xC5D0;&#xC11C; feature&#xD3F0;&#xAE4C;&#xC9C0; &#xBB34;&#xC218;&#xD55C; client&#xB4E4;&#xC5D0;&#xC11C; &#xBAA8;&#xB450; &#xAC00;&#xC6A9;&#xD558;&#xB2E4;. \n&#xBAA8;&#xBC14;&#xC77C; &#xAC1C;&#xBC1C;&#xC740; 2006&#xB144;&#xC5D0; &#xC2DC;&#xC791;, m.facebook.com/webkit&#xD130;&#xCE58;&#xC778;&#xD130;&#xD398;&#xC774;&#xC2A4;&#xC5D0;&#xC11C; HTML5&#xAE4C;&#xC9C0; &#xD65C;&#xC6A9;&#xC911;. \nfacebook &#xC2A4;&#xD30C;&#xB974;&#xD310; &#xD504;&#xB85C;&#xC81D;&#xD2B8;(http://www.slashgear.com/facebook-project-spartan-leaks-unveil-tipped-monday-with-ipad-app-29183916/, http://www.bloter.net/archives/64419(ko) )\n(&#xC2A4;&#xD30C;&#xB974;&#xD0C4;&#xD504;&#xB85C;&#xC81D;&#xD2B8; : &#xC560;&#xD50C;&#xC744; &#xC815;&#xBA74; &#xACA8;&#xB0E5;&#xD55C; &#xBAA8;&#xBC14;&#xC77C; &#xC571; &#xD50C;&#xB7AB;&#xD3FC;. &#xD398;&#xC774;&#xC2A4;&#xBD81; &#xC571;&#xC744; &#xC560;&#xD50C; &#xC571;&#xC2A4;&#xD1A0;&#xC5B4;&#xAC00; &#xC544;&#xB2CC; &#xC0AC;&#xD30C;&#xB9AC; &#xC6F9; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC758; &#xBAA8;&#xBC14;&#xC77C; &#xBC84;&#xC804;&#xC5D0;&#xC11C; &#xB3CC;&#xC544;&#xAC00;&#xAC8C; &#xB054; &#xD558;&#xB294; &#xAC83;. &#xC2A4;&#xD30C;&#xB974;&#xD0C4; &#xD504;&#xB85C;&#xC81D;&#xD2B8;&#xC758; &#xBAA9;&#xD45C;&#xB294; &#xC571;&#xBC30;&#xD3EC;&#xC640;&#xAD00;&#xB828;&#xD574; &#xC560;&#xD50C;&#xC758; &#xD1B5;&#xC81C;&#xB97C; &#xBC97;&#xC5B4;&#xB098;&#xB294; &#xAC83;.)\n====\n=&#xC9C0;&#xB09C; 5&#xB144;&#xC5D0; &#xAC78;&#xCE58; &#xBAA8;&#xBC14;&#xC77C;&#xD45C;&#xC900;&#xC758; &#xBCC0;&#xD654;(HTML&#xC911;&#xC2EC;)= \n2006&#xB144;&#xAE4C;&#xC9C0;&#xB9CC; &#xD574;&#xB3C4; HTML&#xACFC; SMS&#xC5D0; &#xAE30;&#xBC18;&#xD55C; WAP&#xC11C;&#xBE44;&#xC2A4;&#xB97C; &#xC81C;&#xACF5;&#xD558;&#xC600;&#xC9C0;&#xB9CC; 20067&#xB144; iphone&#xC774;&#xB780; &#xD070; &#xD328;&#xB7EC;&#xB2E4;&#xC784;&#xC758; &#xBCC0;&#xD654;&#xAC00; &#xC0DD;&#xACBC;&#xACE0;, 2007&#xB144; Facebook Platform API&#xB97C; &#xACF5;&#xAC1C;&#xD568;. &#xC544;&#xC774;&#xD3F0;&#xC774; &#xC0DD;&#xAE30;&#xBA74;&#xC11C; CSS, Javascript &#xB9AC;&#xCE58;&#xD55C; &#xACBD;&#xD5D8;&#xC744; &#xC904; &#xC218; &#xC788;&#xC5C8;&#xC74C;. &#xBE14;&#xB799;&#xBCA0;&#xB9AC;, &#xC708;&#xB3C4;&#xC6B0;&#xD3F0; &#xB178;&#xD0A4;&#xC544; ,&#xC0BC;&#xC131; &#xB4F1;&#xB4F1;&#xC774; facebook API&#xB85C; &#xAD6C;&#xD604;&#xC774; &#xAC00;&#xB2A5;&#xD588;&#xC74C;. \n2008&#xB144;&#xC5D4; &#xC544;&#xC774;&#xD3F0;&#xC774; &#xC571;&#xC2A4;&#xD1A0;&#xC5B4;&#xB97C; &#xC5F4;&#xC5C8;&#xB2E4;. &#xADF8;&#xB54C; &#xCC98;&#xC74C;&#xC73C;&#xB85C; &#xC544;&#xC774;&#xD3F0;&#xC6A9; facebook&#xC744; &#xB9CC;&#xB4E4; &#xC218; &#xC788;&#xC5C8;&#xB2E4;. 2009&#xB144;&#xC5D4; &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;. &#xC774;&#xB85C;&#xC368; &#xB2E4;&#xC591;&#xD55C; &#xC644;&#xC131;&#xB3C4; &#xB192;&#xC740; &#xD50C;&#xB7AB;&#xD3FC;(&#xC708;&#xB3C4;,&#xC544;&#xC774;&#xD3F0;,&#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;, &#xC6F9;)&#xC704;&#xC5D0;&#xC11C; &#xD398;&#xBD81;&#xC744; &#xC11C;&#xBE44;&#xC2A4;&#xD574;&#xC57C;&#xD588;&#xB2E4;. \n\n====\n\n&#xC774;&#xB54C;&#xBD80;&#xD130; &#xAC1C;&#xBC1C;&#xC790;&#xB4E4;&#xC758; &#xACE0;&#xD1B5;&#xC740; &#xC2DC;&#xC791;&#xB418;&#xC5C8;&#xB2E4;. &#xC0DD;&#xC0B0;&#xC131;&#xC774; &#xC800;&#xD558;&#xB418;&#xC5C8;&#xB2E4;. &#xC0C8;&#xB85C;&#xC6B4; &#xAE30;&#xB2A5;&#xC774; &#xB098;&#xC624;&#xBA74; &#xC774; 4&#xAC1C;&#xC758; &#xD50C;&#xB7AB;&#xD3FC;&#xC5D0; &#xB3D9;&#xC2DC; &#xB7F0;&#xCE6D;&#xC774; &#xD798;&#xB4E4;&#xC5C8;&#xACE0; &#xB7F0;&#xCE6D;&#xC774; &#xB290;&#xB824;&#xC84C;&#xACE0;, &#xCF54;&#xB4DC;&#xB294; &#xC548;&#xC88B;&#xC544;&#xC838;&#xB9CC; &#xAC14;&#xB2E4;. \n\n====\n\n=&#xAC19;&#xC740; &#xAE30;&#xB2A5;&#xC744; 4&#xBC88;&#xC774;&#xB098; &#xBC18;&#xBCF5;&#xD558;&#xC9C0; &#xC54A;&#xB294; &#xBC29;&#xBC95;= \n&#xADF8;&#xB807;&#xB2E4;&#xBA74; &#xC6B0;&#xB9B0; &#xC774;&#xB97C; &#xC5B4;&#xB5BB;&#xAC8C; &#xADF9;&#xBCF5;&#xD588;&#xB098;? &#xB124;&#xAC00;&#xC9C0; &#xC911;&#xC5D0;&#xC11C; &#xAC00;&#xC7A5; &#xBC30;&#xD3EC;&#xD558;&#xAE30; &#xC26C;&#xC6B4;&#xAC83;&#xC740;? &#xC6F9;&#xC774;&#xB2E4;. &#xC5EC;&#xAE30; &#xC6B0;&#xB9AC;&#xB294; &#xBC30;&#xD3EC;&#xB97C; touch.facebook.com, m.facebook.com&#xC73C;&#xB85C; &#xB098;&#xB204;&#xC5B4; &#xAC1C;&#xBC1C;&#xD558;&#xC600;&#xB2E4;. webkit&#xAE30;&#xBC18;&#xC758; &#xD3F0;&#xC774;&#xBA74; &#xD130;&#xCE58;&#xB85C; &#xAC00;&#xACE0; &#xADF8;&#xB807;&#xC9C0; &#xC54A;&#xC73C;&#xBA74; M&#xC73C;&#xB85C; &#xAC04;&#xB2E4;. \n\n&#xC774; &#xBC29;&#xC2DD;&#xC774; &#xBAA8;&#xB4E0; &#xD3F0;&#xC5D0; &#xCD5C;&#xC801;&#xC758; &#xACBD;&#xD5D8;&#xC744; &#xC8FC;&#xC9C0;&#xB294; &#xBABB;&#xD588;&#xB2E4;. &#xD654;&#xBA74; &#xB0B4;&#xC5D0; inline image&#xB098; css&#xC758; &#xBC84;&#xC804;, &#xB4F1;&#xC758; &#xBB38;&#xC81C;&#xAC00; &#xC788;&#xC5C8;&#xB2E4;. &#xC6B0;&#xB9AC;&#xB294; &#xC774; &#xBB38;&#xC81C;&#xB97C; &#xD574;&#xACB0;&#xD574;&#xC57C;&#xB9CC; &#xD588;&#xB2E4;. \nXSL post processing&#xB4F1;&#xC744; &#xC37C;&#xC73C;&#xB098; &#xC88B;&#xC9C0; &#xC54A;&#xC558;&#xC74C;. &#xCA0C;&#xB4E0;, &#xD55C;&#xBC88;&#xC5D0; &#xCF54;&#xB4DC;&#xB97C; &#xC791;&#xC131;&#xD560; &#xC218; &#xC788;&#xB294; &#xBC29;&#xBC95;&#xC744; &#xAC15;&#xAD6C;&#xD574;&#xC57C;&#xD55C;&#xB2E4;. \n\n====\n\n=Progressive Enhancement&#xD601;&#xC2E0;&#xC801;&#xC778;&#xAC1C;&#xC120;= \n&#xC6B0;&#xB9AC;&#xAC00; &#xD55C;&#xBC29;&#xBC95;&#xC740; &#xB2E4;&#xC74C;&#xACFC; &#xAC19;&#xB2E4;. \n&#xBC29;&#xBC95;&#xC758; &#xCD08;&#xC11D;&#xC740; &#xB2F9;&#xC2E0;&#xC774; &#xAC00;&#xC9C0;&#xACE0; &#xC788;&#xB294; &#xD3F0;&#xC774; &#xBB34;&#xC5C7;&#xC744; &#xD560;&#xC218; &#xC787;&#xB294;&#xB0D0;&#xB97C; &#xC778;&#xC2DD;&#xD558;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xADF8; &#xAE30;&#xAE30;&#xC758; capa&#xAC00; &#xC81C;&#xB300;&#xB85C;&#xB41C; &#xACBD;&#xD5D8;&#xC744; &#xC904;&#xC218; &#xC788;&#xB3C4;&#xB85D; &#xC2DC;&#xC791;&#xB418;&#xB294; &#xC2DC;&#xBC1C;&#xC810;&#xC774;&#xB2E4;. \nWURFL(Wireless Universal Resources File, http://wurfl.sourceforge.net/)&#xD504;&#xB85C;&#xC81D;&#xD2B8;&#xB294; user-agent&#xC5D0; &#xB530;&#xB978; &#xAC01; &#xAE30;&#xAE30;&#xC758; capa&#xB97C; &#xC791;&#xC131;&#xD558;&#xB294; &#xD504;&#xB85C;&#xC81D;&#xD2B8;&#xC600;&#xB2E4;.(&#xC608;&#xB97C; &#xB4E4;&#xC5B4;, &#xD654;&#xBA74;&#xD06C;&#xAE30;? JS&#xB294;? cookies&#xB294;? &#xB4F1;)&#xBAA8;&#xB450; &#xD574;&#xACB0;&#xD574;&#xC57C;&#xB9CC; &#xD558;&#xB294; &#xC911;&#xC694;&#xD55C; &#xBB38;&#xC81C;&#xB4E4;&#xC774;&#xC5C8;&#xB2E4;. \n&#xC774;&#xB7F0; UserAgent&#xB9C8;&#xB2E4;&#xC758; &#xC815;&#xBCF4;&#xB97C; &#xC6B0;&#xB9AC;&#xAC00; &#xBAA8;&#xB450; &#xC218;&#xC9D1;&#xD558;&#xB294; &#xAC83;&#xC740; &#xC5B4;&#xB824;&#xC6E0;&#xAE30;&#xC5D0; opensource&#xB85C; &#xAC1C;&#xBC29;&#xD558;&#xACE0; &#xBAA8;&#xB450;&#xC758; &#xD611;&#xC870;&#xB97C; &#xAD6C;&#xD588;&#xACE0;, &#xB610; &#xAC1C;&#xBC29;&#xD558;&#xC600;&#xB2E4;. &#xADF8;&#xAC83;&#xC774; WURFL&#xD504;&#xB85C;&#xC81D;&#xD2B8;&#xC774;&#xB2E4;. \n\n&#xC77C;&#xB2E8; useragent&#xC640; &#xADF8; &#xAC01;&#xAC01;&#xC758; capa&#xB97C; &#xC54C;&#xBA74;, &#xBB34;&#xC5C7;&#xC744; &#xD574;&#xC57C;&#xD558;&#xB294;&#xC9C0;&#xB3C4; &#xC54C;&#xAC8C; &#xB418;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xD398;&#xBD81;&#xC758; &#xBC84;&#xD2BC;&#xC774; HTML&#xC774;&#xAC70;&#xB098; Javascript&#xC758; &#xBE14;&#xB77D;&#xC73C;&#xB85C; &#xC774;&#xB8E8;&#xC5B4;&#xC838; &#xC788;&#xC9C0; &#xC54A;&#xC544;&#xB3C4; &#xB41C;&#xB2E4;&#xB294; &#xAC83;. &#xD648;&#xD398;&#xC774;&#xC9C0;&#xC5D0;&#xC11C; &#xB2F9;&#xC2E0;&#xC774; &#xC6D0;&#xD558;&#xB294; &#xAC83;&#xC740; &#xBC84;&#xD2BC;&#xC744; &#xADF8;&#xB9B4; &#xC218; &#xC788;&#xB294; &#xCEF4;&#xD3EC;&#xC800;&#xB77C;&#xB294;&#xAC70;. &#xB530;&#xB77C;&#xC11C; &#xC9C4;&#xC9DC; &#xD544;&#xC694;&#xD55C; &#xAC83;&#xC740; &#xBC84;&#xD2BC;&#xC774;&#xB2E4;. &#xBB34;&#xC5C7;&#xC774; &#xB80C;&#xB354;&#xB9C1; &#xB418;&#xC5B4;&#xC57C; &#xD558;&#xB294;&#xC9C0;&#xB97C; &#xC54C;&#xC544;&#xC57C;&#xB9CC; &#xD55C;&#xB2E4;. &#xB9CC;&#xC57D;&#xC5D0; &#xD3F0;&#xC774; low-end(&#xD53C;&#xCCD0;&#xD3F0;&#xAC19;&#xC774;)&#xD3F0;&#xC774;&#xBA74; post form&#xC744; &#xADF8;&#xB9AC;&#xBA74; &#xB420; &#xAC83;&#xC774;&#xACE0;, &#xD3F0;&#xC774;CSS&#xB97C; &#xC4F8; &#xC218; &#xC788;&#xB294; mid-range&#xD3F0;&#xC774;&#xBA74; CSS layer&#xB97C; &#xC0AC;&#xC6A9;&#xD560; &#xC218; &#xC788;&#xB2E4;. &#xD558;&#xC9C0;&#xB9CC; high-end&#xD3F0;&#xC77C; &#xACBD;&#xC6B0;&#xC5D0;&#xB294; Ajax&#xC2A4;&#xD0C0;&#xC77C;&#xC758; &#xACBD;&#xD5D8;&#xC744; &#xC0AC;&#xC6A9;&#xD560;&#xC218;&#xB3C4; &#xC788;&#xB2E4;. &#xC774; &#xAE30;&#xC220;&#xC740; &#xC57C;&#xD6C4;&#xC758; blueprint&#xD50C;&#xB7AB;&#xD3FC; (http://www.slideshare.net/blueprintblog/bp-dev-tutorial-mm-presentation) &#xACFC; &#xAC19;&#xC774; &#xC774;&#xBBF8; &#xAC1C;&#xCC99;&#xC744; &#xD55C; &#xC0AC;&#xB840;&#xB3C4;&#xC788;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; top-level&#xC5D0;&#xC11C; low-end&#xAE4C;&#xC9C0;&#xC758; &#xAE30;&#xC220;&#xC801;&#xC778; &#xC598;&#xAE30;&#xB97C; &#xD558;&#xB294; &#xAC83; &#xB300;&#xC2E0;&#xC5D0;, &#xD560; &#xC218; &#xC788;&#xB294; &#xAC83;&#xC744; &#xACB0;&#xC815;&#xD560; &#xD654;&#xBA74;&#xC744; &#xB80C;&#xB354;&#xB9C1; &#xD558;&#xB294; &#xB9C8;&#xD06C;&#xC5C5; &#xC120;&#xC5B8; &#xC548;&#xC758; &#xCEF4;&#xD3EC;&#xB10C;&#xD2B8;&#xAC01;&#xAC01;&#xC5D0; &#xB300;&#xD574;&#xC11C; &#xC54C;&#xC544;&#xBCFC; &#xAC83;&#xC774;&#xB2E4;. &#xC774;&#xB294; &#xD3F0;&#xC5D0;&#xC11C; &#xC774;&#xC0C1;&#xC801;&#xC778; &#xACBD;&#xD5D8;&#xC744; &#xAD6C;&#xC131;&#xD558;&#xAE30; &#xC704;&#xD574;&#xC11C; &#xAD6C;&#xC131;&#xB418;&#xC5C8;&#xB2E4;. &#xC774; &#xAE30;&#xC220;&#xC744; progressive enhancement&#xB77C;&#xACE0; &#xBD80;&#xB978;&#xB2E4;. \n\n&#xC774;&#xB294; &#xACE7; &#xC6F9;&#xC774;&#xB77C;&#xBA74; &#xC5B4;&#xB4DC;&#xB4E0; write once run anywhere&#xD560; &#xC218; &#xC788;&#xB3C4;&#xB85D; &#xBC29;&#xD5A5;&#xC744; &#xC7A1;&#xAC8C; &#xB418;&#xC5C8;&#xB530;. &#xADF8;&#xB9AC;&#xACE0; &#xC6F9;&#xC740; &#xC9C4;&#xC9DC; &#xADF8;&#xB9AC;&#xD560;&#xC218; &#xC788;&#xC5B4; &#xBCF4;&#xC600;&#xB2E4;. &#xB370;&#xD0D1;&#xC5D0;&#xC11C;&#xB294; &#xC774;&#xBBF8; &#xADF8;&#xB9AC;&#xD558;&#xACE0; &#xC788;&#xACE0;, &#xBAA8;&#xBC14;&#xC77C;&#xC5D0;&#xC11C;&#xB3C4; &#xC774;&#xC640; &#xB9C8;&#xCC2C;&#xAC00;&#xC9C0;&#xB85C; &#xC9C4;&#xD589;&#xD560; &#xC218; &#xC788;&#xC744; &#xD130;. &#xD558;&#xC9C0;&#xB9CC; &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xB098; &#xC544;&#xC774;&#xD3F0;&#xC720;&#xC800;&#xB4E4;&#xC740; &#xD6CC;&#xB96D;&#xD55C; &#xBAA8;&#xBC14;&#xC77C;&#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xC811;&#xADFC;&#xD560; &#xC218; &#xC788;&#xB2E4;&#xB294; &#xAC83;&#xC5D0;&#xB3C4; &#xBD88;&#xAD6C;&#xD558;&#xACE0; &#xC6F9;&#xC774;&#xC57C;&#xAE30;&#xB97C; &#xD558;&#xBA74; &#xC9C0;&#xACA8;&#xC6CC;&#xD560;&#xC9C0;&#xB3C4; &#xBAA8;&#xB978;&#xB2E4;. \n\n&#xB530;&#xB77C;&#xC11C; 4&#xAC1C;&#xC758; &#xB808;&#xC774;&#xC5B4;&#xC5D0;&#xC11C; 1&#xAC1C;&#xB97C; &#xC81C;&#xC678;&#xD558;&#xACE0; &#xBA4B;&#xC9C4; 3&#xAC1C;&#xC5D0; &#xB300;&#xD574;&#xC11C;&#xB9CC; &#xCD1B;&#xC810;&#xC744; &#xB9DE;&#xCDB0;&#xBCF4;&#xC790;. &#xD558;&#xC9C0;&#xB9CC; &#xBB3C;&#xB860; &#xBAA8;&#xB450;&#xAC00; &#xC544;&#xC774;&#xD3F0;&#xC5D0; &#xB300;&#xD574; &#xC598;&#xAE30;&#xD558;&#xAE38; &#xC6D0;&#xD560;&#xAC83;&#xC774;&#xB2E4;. &#xC544;&#xC774;&#xD3F0;&#xC744; &#xC608;&#xB85C;&#xB4E4;&#xBA74;, \n&#xC544;&#xC774;&#xD3F0;&#xC5D0;&#xC11C;&#xC758; &#xACBD;&#xD5D8;&#xC744; &#xC8FC;&#xAE30; &#xC704;&#xD574;&#xC11C; Objective-C&#xB97C; &#xC0AC;&#xC6A9;&#xD574;&#xC57C;&#xD558;&#xAC70;&#xB098; &#xD574;&#xC57C;&#xD55C;&#xB2E4;. &#xADF8;&#xB807;&#xB2E4;&#xBA74; facebook&#xB274;&#xC2A4;&#xD53C;&#xB4DC;&#xB3C4; &#xC815;&#xB9D0; &#xADF8;&#xB7EC;&#xD55C;&#xAC00;? &#xC0C1;&#xB2E8;&#xC5D0; &#xD0D1;&#xBC14;&#xAC00; &#xC788;&#xACE0; &#xCE90;&#xC2DC;&#xB85C;&#xBD80;&#xD130; &#xBC14;&#xB85C; &#xB80C;&#xB354;&#xB9C1;&#xD558;&#xACE0;, &#xADF8;&#xAC8C; &#xC804;&#xBD80;&#xB2E4;. &#xB2E4;&#xB978; &#xAE30;&#xAE30;&#xC5D0;&#xC11C;&#xB3C4; &#xADF8;&#xB798;&#xC57C; &#xD558;&#xB294;&#xAC00;? &#xC544;&#xB2C8;&#xB2E4;. &#xB2E4; &#xAC19;&#xB2E4; .\n&#xC774; &#xAC19;&#xC740;&#xAC83;&#xC744; &#xB9E4;&#xBC88; 3&#xCC28;&#xB840; &#xAC1C;&#xBC1C;&#xD560; &#xD544;&#xC694;&#xB294; &#xC5C6;&#xB2E4;&#xB294; &#xAC83;&#xC774;&#xB2E4;. \n\n=&#xC0C1;&#xC0C1; &#xC774;&#xC0C1;&#xC73C;&#xB85C; &#xBBF8;&#xCE5C;&#xC9D3;=\n&#xADF8;&#xB807;&#xB2E4;&#xBA74;, &#xC571; &#xB0B4;&#xC5D0; &#xC9C4;&#xC9DC; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB97C; &#xB123;&#xC73C;&#xBA74; &#xC5B4;&#xB5A8;&#xAE4C;? &#xBBF8;&#xCE5C; &#xC544;&#xC774;&#xB514;&#xC5B4;&#xC600;&#xB2E4;. &#xADF8;&#xB54C;&#xB2F9;&#xC2DC;&#xB9CC; &#xD574;&#xB3C4; &#xBBF8;&#xCE5C;&#xC0DD;&#xAC01;&#xC774;&#xC5C8;&#xB2E4;. &#xC571; &#xB0B4;&#xC5D0;&#xC11C; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB97C; &#xAC00;&#xC838;&#xC62C;&#xC218;&#xC788;&#xB294; &#xACBD;&#xC6B0;&#xB3C4; &#xB4DC;&#xBB3C;&#xC5C8;&#xAE30; &#xB54C;&#xBB38;. 3&#xAC00;&#xC9C0;&#xB294; &#xC801;&#xC5B4;&#xB3C4; WebKit&#xC744; &#xC798; &#xAD6C;&#xD604;&#xD574;&#xB193;&#xC558;&#xB2E4;. &#xB530;&#xB77C;&#xC11C;, &#xC2DC;&#xB3C4;&#xB97C; &#xD588;&#xC73C;&#xB098; &#xC815;&#xB9D0; &#xC27D;&#xC9C0; &#xC54A;&#xC558;&#xB2E4;. \n\n====\n\n=Iterate Dailiy= \n&#xC774;&#xB294; &#xB9E4;&#xC77C; &#xBC30;&#xD3EC;&#xB97C; &#xD560; &#xC218; &#xC788;&#xB2E4;. &#xC571;&#xC2A4;&#xD1A0;&#xC5B4;&#xC758; &#xC2B9;&#xC778;&#xC744; &#xBC1B;&#xB290;&#xB77C; &#xAE30;&#xB2E4;&#xB9AC;&#xC9C0; &#xC54A;&#xC544;&#xB3C4; &#xB418;&#xACE0; &#xC0AC;&#xC6A9;&#xC790;&#xB4E4;&#xC774; download&#xBC1B;&#xC544;&#xC8FC;&#xAE38; &#xAE30;&#xB2E4;&#xB9AC;&#xC9C0; &#xC54A;&#xC544;&#xB3C4; &#xB41C;&#xB2E4;. &#xB9E4;&#xC77C; &#xBC30;&#xD3EC;&#xD560; &#xC218; &#xC788;&#xB2E4;. \n&#xC544;&#xC774;&#xD3F0;,&#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xD3F0; &#xAC1C;&#xBC1C;&#xD300;&#xC774; &#xBD84;&#xB9AC;&#xB418;&#xC5B4; &#xC788;&#xC9C0; &#xC54A;&#xC544;&#xB3C4; &#xB41C;&#xB2E4;. &#xBAA8;&#xB450; &#xAC19;&#xC740; &#xBB38;&#xC81C;&#xB97C; &#xC9C1;&#xBA74;&#xD558;&#xACE0; &#xAC19;&#xC774; &#xBB38;&#xC81C;&#xB97C; &#xD574;&#xACB0;&#xD55C;&#xB2E4;. 4&#xBC88; &#xBC30;&#xD3EC;&#xB97C; &#xD558;&#xC9C0; &#xC54A;&#xACE0; 1&#xBC88; &#xC9D1;&#xC911;&#xD574;&#xC11C; &#xBC30;&#xD3EC;&#xB97C; &#xD55C;&#xB2E4;. \n\n&#xC774;&#xB294; Project FaceWeb&#xC774;&#xB77C; &#xBD88;&#xB9AC;&#xACE0; progressive enhancement&#xC544;&#xC774;&#xB514;&#xC5B4;&#xC758; &#xD655;&#xC7A5;&#xC774;&#xB2E4;. Webkit&#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC5D0; &#xB80C;&#xB354;&#xB9C1;&#xD55C;&#xB2E4;&#xACE0; &#xB9D0;&#xD558;&#xB294; &#xB300;&#xC2E0;&#xC5D0;, &#xC6B0;&#xB9AC;&#xAC00; &#xC544;&#xC774;&#xD3F0; &#xC571; &#xB0B4;&#xC758; WebKit&#xC5D0;&#xB2E4;&#xAC00; &#xB80C;&#xB354;&#xB9C1; &#xD560; &#xAC83;&#xC774;&#xB77C;&#xACE0; &#xD560; &#xC218; &#xC788;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xC6B0;&#xB9AC;&#xAC00; &#xD574;&#xC57C;&#xD560; &#xC77C;&#xC740; &#xAE30;&#xAE30;&#xB97C; &#xAC10;&#xC9C0;&#xD558;&#xACE0; &#xB3D9;&#xC791;&#xD560; &#xC218; &#xC788;&#xB3C4;&#xB85D; Web&#xCF54;&#xB4DC;&#xB97C; &#xC2A4;&#xD0C0;&#xC77C;&#xB9C1;&#xD558;&#xACE0; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xC571;&#xACFC; &#xC18C;&#xD1B5;&#xD558;&#xAE30; &#xC704;&#xD574;&#xC11C; Objective-C&#xB97C; &#xC9DC;&#xC11C; Javascript&#xC640; &#xD1B5;&#xC2E0;&#xD558;&#xC5EC; HTML&#xB85C; &#xD398;&#xBD81;&#xD398;&#xC774;&#xC9C0;&#xB97C; &#xB80C;&#xB354;&#xB9C1;&#xD558;&#xB3C4;&#xB85D; &#xD558;&#xBA74; &#xB418;&#xB294;&#xAC83;&#xC774;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xAD6C;&#xD604;&#xC740; &#xCD5C;&#xC18C;&#xD654; &#xD558;&#xB294; &#xAC83;&#xC774;&#xB2E4;. \n\n=The Answer : &#xB124;&#xC774;&#xD2F0;&#xBE0C; &#xC571; &#xC548;&#xC5D0; Facebook Mobile&#xC744; &#xC2FC;&#xB2E4;= \n&#xAE30;&#xC220;&#xC801;&#xC73C;&#xB85C; &#xC774;&#xAC8C; &#xC5B4;&#xB5BB;&#xAC8C; &#xB3CC;&#xC544;&#xAC00;&#xB294;&#xAC00;? &#xC544;&#xC774;&#xD3F0;&#xC5D0;&#xC11C; news feed&#xBC84;&#xD2BC;&#xC744; &#xB204;&#xB978;&#xB2E4;. &#xB9CC;&#xC57D; FaceWeb &#xAC00;&#xB2A5;&#xD55C; &#xAE30;&#xAE30;&#xBA74;, native Web controller&#xB85C; &#xB9E4;&#xD551;&#xC2DC;&#xD0A4;&#xC9C0; &#xC54A;&#xACE0; m.facebook.com/home.php&#xB97C; &#xAC00;&#xC838;&#xC628;&#xB2E4;. &#xB2E8;&#xC21C;&#xD788; &#xC6F9; &#xBDF0;&#xB97C; &#xBCF4;&#xC5EC;&#xC8FC;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xC774; &#xC6F9;&#xBDF0;&#xAC00; &#xC5B4;&#xB5BB;&#xAC8C; Objective-C&#xC640; &#xD1B5;&#xC2E0;&#xD558;&#xB294;&#xC9C0; &#xC54C;&#xC544;&#xC57C;&#xD55C;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xD574;&#xB2F9; &#xD504;&#xB808;&#xC784;&#xC5D0;&#xC11C; &#xC694;&#xAD6C;&#xD558;&#xB294; "platform extraction call layer"&#xB97C; &#xBA85;&#xC2DC;&#xD55C; JS skeleton&#xC744; &#xD68C;&#xC2E0;&#xD55C;&#xB2E4;. &#xADF8;&#xB7EC;&#xBA74; &#xB2E4;&#xB978; &#xB3D9;&#xC791;&#xC744; &#xD558;&#xACE0; home.php&#xC640; JavaScript&#xB97C; &#xB85C;&#xB4DC;&#xD55C;&#xB2E4;. \n&#xC774;&#xB294; &#xAE30;&#xBCF8;&#xC801;&#xC73C;&#xB85C; m.facebook.com&#xC0AC;&#xC774;&#xD2B8;&#xB97C; &#xB9CC;&#xB4E4;&#xACE0; Javascript&#xB97C; &#xD3F0;&#xC758; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xAE30;&#xB2A5;(&#xCE74;&#xD398;&#xB77C; &#xB4F1; )&#xB4E4;&#xC744; &#xC0AC;&#xC6A9;&#xD560; &#xC218; &#xC788;&#xB294; abstraction layer&#xB97C; &#xB454;&#xB2E4;&#xB294; &#xAC83;&#xC774;&#xB2E4;. \n\n&#xADF8; bridge&#xC5D0;&#xC11C; &#xD574;&#xC57C;&#xB9CC;&#xD558;&#xB294; &#xAC83;&#xC740;? &#xBD84;&#xBA85;sensor&#xC640; data&#xAC19;&#xC740; &#xAC83;&#xB4E4;&#xC774;&#xB2E4;. \nGPS&#xB97C; &#xC54C;&#xACE0;&#xC2F6;&#xB2E4;&#xBA74; HTML5&#xC5D0;&#xC11C;&#xB294; &#xC9C0;&#xC6D0;&#xD558;&#xC9C0;&#xB9CC; &#xB2E4; &#xC9C0;&#xC6D0;&#xD558;&#xC9C0; &#xC54A;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xAC01; &#xAE30;&#xAE30;&#xC758; accelerometer&#xB098; orientation lock&#xAC19;&#xC740; &#xAC83;&#xB4E4;&#xC744; &#xCC38;&#xACE0;&#xD574;&#xC57C;&#xD55C;&#xB2E4;. \nJavascript < query >Native, Camera&#xD50C;&#xB85C;&#xC6B0; &#xB4F1;&#xC740; Native&#xB97C; &#xC368;&#xC57C;&#xB9CC; &#xD55C;&#xB2E4;.\n\n=stick point : Web vs Native Design=\nmutating components : <m:button /> \n&#xD3F0;&#xAC2D;&#xC740; &#xC704;&#xC5D0; &#xADF8; &#xBB38;&#xC81C;&#xB97C; &#xD574;&#xACB0;&#xD574; &#xC8FC;&#xC5C8;&#xB2E4;. &#xBB38;&#xC81C;&#xB294; &#xBCF4;&#xC5EC;&#xC904; &#xC218; &#xC788;&#xB294; &#xBC84;&#xD2BC;&#xC774; &#xD558;&#xB098;&#xBA74; &#xC808;&#xB300; native&#xC2A4;&#xB7FD;&#xC9C0; &#xC54A;&#xAC8C; &#xBCF4;&#xC778;&#xB2E4;&#xB294; &#xAC83;. &#xB450;&#xBC88;&#xC9F8;&#xB294; &#xB124;&#xC774;&#xD2F0;&#xBE0C; &#xB290;&#xB08C;&#xC744; &#xBABB;&#xC900;&#xB2E4;&#xB294; &#xAC83;, &#xC138;&#xBC88;&#xC9F8;&#xB294; &#xBE60;&#xB974;&#xC9C0; &#xC54A;&#xB2E4;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xC774; &#xC138;&#xAC00;&#xC9C0;&#xAC00; &#xD3F0;&#xAC2D;&#xC5D0;&#xC11C; &#xC5BB;&#xC740; &#xAC83;&#xC774;&#xB2E4;. \n\n&#xCCAB;&#xBC88;&#xC9F8; &#xC704;&#xC784;&#xC740;, &#xC774; &#xC77C;&#xB4E4;&#xC744; HTML&#xB85C; &#xD558;&#xACE0; &#xC2F6;&#xB2E4;&#xB294; &#xAC83;, &#xB274;&#xC2A4;&#xD53C;&#xB4DC;&#xC758; &#xACBD;&#xC6B0; HTML&#xB85C; &#xBCF4;&#xC5EC;&#xC8FC;&#xB294; &#xAC83;&#xACFC; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB85C; &#xBCF4;&#xC5EC;&#xC8FC;&#xB294; &#xAC83;&#xC5D0;&#xB294; &#xCC28;&#xC774;&#xC810;&#xC774; &#xC5C6;&#xB2E4;&#xB294; &#xAC83;&#xC744; &#xC7AC;&#xCC28; &#xAC15;&#xC870;. &#xC774;&#xB294; &#xB2E8;&#xC21C;&#xD788; &#xBE44;&#xC8FC;&#xC5BC;&#xC774;&#xB77C;&#xB294; &#xD070;&#xBB38;&#xC81C;&#xB85C; &#xB05D;&#xB098;&#xC9C0; &#xC54A;&#xB294;&#xB2E4;. &#xC6F9;&#xACFC; &#xC571;&#xC740; &#xC11C;&#xB85C; &#xC798; &#xB3D9;&#xC791;&#xD55C;&#xB2E4;. &#xC6B0;&#xB9AC;&#xAC00; &#xC571;&#xC5D0; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB97C; &#xB123;&#xC5C8;&#xC744; &#xB54C; &#xC0AC;&#xC6A9;&#xC790;&#xB4E4;&#xC740; &#xD55C; &#xACBD;&#xC6B0;&#xB97C; &#xC81C;&#xC678;&#xD558;&#xACE0;&#xB294; &#xC804;&#xD600; &#xBD88;&#xD3C9;&#xD558;&#xC9C0; &#xC54A;&#xC557;&#xB2E4;. \n\n&#xADF8; &#xD55C;&#xAC00;&#xC9C0;&#xB294; &#xD398;&#xC774;&#xC2A4;&#xBD81;&#xACFC; &#xCE5C;&#xD55C; iPad&#xC571;&#xC774;&#xB2E4;. &#xC774;&#xB294; &#xB2E8;&#xC21C;&#xD788; m.site&#xB97C; &#xAC10;&#xC2FC; &#xAC70;&#xB2E4;. &#xC5B4;&#xB5A4; &#xC0AC;&#xC6A9;&#xC790;&#xB4E4;&#xC740; &#xD398;&#xC774;&#xC2A4;&#xBD81;&#xC774; m.site&#xB97C; &#xB300;&#xCDA9; &#xACE0;&#xCCD0;&#xC11C; &#xBCF5;&#xC0AC;&#xD574; &#xCC0D;&#xC5B4;&#xB0C8;&#xB2E4;&#xACE0; &#xB9D0;&#xD55C;&#xB2E4;. &#xC2E4;&#xC81C;&#xB85C; m.site&#xB97C; &#xC37C;&#xACE0; &#xC88B;&#xC558;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xC0AC;&#xC2E4;&#xC740; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xAC19;&#xC774; &#xBCF4;&#xC774;&#xC9C0; &#xC54A;&#xC544;&#xACE0;, &#xADF8;&#xAC83;&#xC774; &#xD070; &#xBB38;&#xC81C;&#xAC00; &#xB418;&#xC9C0; &#xC54A;&#xC558;&#xB2E4;. \n\n&#xC544;&#xC9C1;&#xB3C4; &#xC5F0;&#xAD6C;&#xD574;&#xC57C;&#xD560;&#xAC8C; &#xB0A8;&#xC558;&#xB2E4;. position fix&#xC640; overflow scroll&#xC774; &#xAC00;&#xC7A5; &#xD070; &#xBB38;&#xC81C;&#xC600;&#xB2E4;. &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC; 2.1&#xC774;&#xD558;&#xC5D0;&#xC11C;&#xB294; &#xC804;&#xD600; &#xBC29;&#xBC95;&#xC774; &#xC5C6;&#xC5C8;&#xACE0;, 2.2&#xC5D0;&#xC11C;&#xB294; &#xC791;&#xC5C5;&#xC744; &#xC2DC;&#xC791;&#xD588;&#xACE0; iOS5&#xC5D0;&#xC11C;&#xB294; &#xC774; &#xBAA8;&#xB4E0;&#xAC83;&#xC744; &#xAD6C;&#xD604;&#xD574;&#xC8FC;&#xAE30;&#xB85C; &#xD588;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xC9C0;&#xAE08; &#xC6F9;&#xC571;&#xC744; &#xC2DC;&#xC791;&#xD558;&#xB294;&#xAC83;&#xC740; 10&#xAC1C;&#xC6D4; &#xC804;&#xBCF4;&#xB2E4; &#xD6E8;&#xC529; &#xC218;&#xC6D4;&#xD560; &#xAC83;&#xC774;&#xB2E4;. CSS &#xADF8;&#xB77C;&#xB514;&#xC5B8;&#xD2B8;&#xB3C4; &#xBB38;&#xC81C;&#xC600;&#xACE0; &#xC774;&#xBBF8;&#xC9C0;&#xB3C4; &#xBB38;&#xC81C;&#xC600;&#xB2E4;. &#xADF8; &#xC678;&#xC5D0;&#xB3C4; &#xB354; &#xBA87;&#xAC00;&#xC9C0;&#xAC00; &#xC788;&#xB2E4;. \n\n=Web vs Native Feel : scroll=\n&#xB2E4;&#xB978; &#xBB38;&#xC81C;&#xB294; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB290;&#xB08C;&#xC774; &#xB098;&#xC9C0; &#xC54A;&#xB294;&#xB2E4;&#xB294; &#xAC83;&#xC774;&#xACE0; &#xC774;&#xB294; &#xB300;&#xBD80;&#xBD84; &#xC2A4;&#xD06C;&#xB864;&#xD560;&#xB54C;&#xC774;&#xB2E4;. \n&#xC608;&#xB97C; &#xB4E4;&#xC5B4; &#xC9C0;&#xC6B0;&#xAE30; &#xC704;&#xD574;&#xC11C; swipe&#xB97C; &#xD558;&#xACE0; &#xC2F6;&#xC744;&#xB54C;, &#xC2A4;&#xD06C;&#xB864;&#xC774; &#xB418;&#xC5B4;&#xBC84;&#xB9B0;&#xB2E4;. &#xC774;&#xB294; &#xBCC4;&#xBB38;&#xC81C; &#xC544;&#xB2C8;&#xB2E4;. &#xC2A4;&#xD06C;&#xB864; &#xAD00;&#xB828;&#xD574;&#xC11C; GPU&#xB098; &#xD30C;&#xC774;&#xD504;&#xB77C;&#xC774;&#xB2DD;&#xC774; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xC5D0;&#xC11C;&#xB294; &#xC798; &#xB418;&#xC5B4; &#xC788;&#xC9C0;&#xB9CC; HTML&#xC5D0;&#xC11C;&#xB294; &#xAD6C;&#xD604;&#xD558;&#xAE30;&#xAC00; &#xB9E4;&#xC6B0; &#xD798;&#xB4E4;&#xB2E4;. &#xB300;&#xBD80;&#xBD84;&#xC758; &#xC0AC;&#xB78C;&#xB4E4;&#xC774; &#xB124;&#xC774;&#xD2F0;&#xBE0C; &#xB290;&#xB08C;&#xC774; &#xB098;&#xC9C0; &#xC54A;&#xB2E4;&#xACE0; &#xB9D0;&#xD558;&#xB294; &#xAC83;&#xC740; &#xC2A4;&#xD06C;&#xB864;&#xC744; &#xD560; &#xB54C;&#xC774;&#xB2E4;. \n\n&#xC885;&#xC885; &#xC2A4;&#xD06C;&#xB864;&#xC744; &#xAD6C;&#xD604;&#xD55C;&#xB2E4;. iScroll&#xC798; &#xB3D9;&#xC791;&#xD558;&#xACE0; Hewitts&#xB3C4; &#xC798; &#xB3D9;&#xC791;&#xD55C;&#xB2E4;. &#xB530;&#xB77C;&#xC11C;, JS&#xB77C;&#xC774;&#xBE0C;&#xB7EC;&#xB9AC;&#xB97C; &#xC4F8; &#xC218;&#xB3C4; &#xC788;&#xB2E4;. &#xB610;&#xD55C; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB0B4;&#xC5D0;&#xC11C;&#xC758; &#xC774;&#xBBF8;&#xC9C0; &#xD655;&#xB300;&#xCD95;&#xC18C;&#xC640;&#xAC19;&#xC740; &#xAC83;&#xC740; GPU&#xB97C; &#xC4F0;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xBB34;&#xB9AC;&#xC5C6;&#xC774; &#xD560; &#xC218; &#xC788;&#xB2E4;. &#xADF8;&#xB9AC;&#xACE0; &#xC774;&#xB7F0; &#xC790;&#xC798;&#xD55C; &#xAC83;&#xB4E4;&#xC740; &#xBB38;&#xC11C;&#xD654;&#xB418;&#xC5B4; &#xC788;&#xC9C0; &#xC54A;&#xB2E4;. &#xC608;&#xB97C; &#xB4E4;&#xC5B4; &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xB098; &#xC544;&#xC774;&#xD3F0;&#xC5D0;&#xC11C; &#xD0A4;&#xBCF4;&#xB4DC;&#xAC00; &#xBCF4;&#xC5EC;&#xC9C0;&#xACE0; &#xB2EB;&#xD600;&#xC9C0;&#xC9C0; &#xC54A;&#x3134;,&#x3134;&#xAC83;&#xB4F1;. &#xC2DC;&#xC2A4;&#xD15C;&#xC5D0;&#xC11C; &#xC815;&#xD574;&#xC9C4; &#xADF8;&#xB7F0;&#xC790;&#xC798;&#xD55C; &#xAC83;&#xB4E4;&#xC774; &#xC880; &#xC788;&#xB2E4;. \n\n\n=Issue of Speed =\n&#xB9C8;&#xC9C0;&#xB9C9;&#xC73C;&#xB85C; &#xD55C;&#xAC00;&#xC9C0;&#xB294; &#xCDA9;&#xBD84;&#xD788; &#xBE60;&#xB974;&#xC9C0; &#xC54A;&#xB2E4;&#xB294; &#xAC83;. &#xC544;&#xC774;&#xD3F0; &#xC571;&#xC5D0;&#xC11C; &#xCC9C;&#xCC9C;&#xD788; &#xB0B4;&#xB9AC;&#xBA74; &#xD655;&#xC778;&#xD574;&#xBCFC; &#xC218; &#xC788;&#xC74C;. \n\n&#xB530;&#xB77C;&#xC11C; &#xBC29;&#xBC95;&#xC740; &#xBA85;&#xD655;&#xD788; pre-cache&#xB9CC;&#xC774; &#xC0B4;&#xAE38;&#xC774;&#xB77C;&#xB294;&#xAC70;. news feeds&#xB97C; &#xB80C;&#xB354;&#xB9C1; &#xD55C;&#xB2E4;&#xACE0; &#xCE58;&#xBA74;, &#xBC84;&#xD2BC;&#xC744; &#xB204;&#xB974;&#xC790;&#xB9C8;&#xC790; &#xBCF4;&#xC5EC;&#xC57C; &#xD558;&#xB294;&#xB370; &#xC774;&#xB97C;&#xC704;&#xD574;, &#xC6F9;&#xBDF0;&#xB97C; &#xCE90;&#xC2DC;&#xD558;&#xB294;&#xAC83;&#xC774;&#xB2E4;. &#xADF8;&#xAC83;&#xC774; &#xB3D9;&#xC791;&#xD558;&#xC9C0; &#xC54A;&#xC744; &#xACBD;&#xC6B0; &#xAC00;&#xC7A5; &#xC88B;&#xC740; &#xBC29;&#xBC95;&#xC740; &#xC0AC;&#xC6A9;&#xC790;&#xB4E4;&#xC744; &#xC18D;&#xC774;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xC801;&#xC5B4;&#xB3C4; &#xC900;&#xBE44;&#xAC00; &#xB420;&#xB54C;&#xAC00;&#xC9C0;. &#xBF08;&#xB300;&#xB97C; &#xB80C;&#xB354;&#xB9C1;&#xD558;&#xACE0; &#xCE90;&#xC2DC;&#xB41C; &#xCEE8;&#xD150;&#xD2B8;&#xB85C; &#xCC44;&#xC6B0;&#xACE0; &#xADF8; &#xB2E4;&#xC74C;&#xC5D4; &#xD574;&#xB85C;&#xC6B4; &#xCEE8;&#xD150;&#xD2B8;&#xB97C; &#xBCF4;&#xC5EC;&#xC8FC;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xC801;&#xC5B4;&#xB3C4; &#xC0AC;&#xC6A9;&#xC790;&#xB294; &#xCCAB; &#xC751;&#xB2F5;&#xC774; &#xC654;&#xAE30; &#xB54C;&#xBB38;&#xC5D0; &#xBCC0;&#xD654;&#xB97C; &#xC778;&#xC9C0;&#xD558;&#xBA74; &#xAE30;&#xB2E4;&#xB9B0;&#xB2E4;. \n\n&#xD37C;&#xD3EC;&#xBA3C;&#xC2A4;&#xB294; &#xB2F9;&#xC2E0;&#xC774; &#xC5BC;&#xB9C8;&#xB098; JS&#xB97C; &#xB9CE;&#xC774; &#xC4F0;&#xB294;&#xAC00;&#xC5D0; &#xB300;&#xD55C; &#xAC70;&#xB2E4;. &#xB2E8;&#xC21C;&#xD788; &#xB370;&#xC774;&#xD130;&#xB97C; &#xB85C;&#xB529;&#xD560; &#xBFD0;&#xB9CC; &#xC544;&#xB2C8;&#xB77C; &#xB354; &#xBB34;&#xAC70;&#xC6B4; pre-rendered&#xB41C; &#xB9CC;&#xD06C;&#xC5C5;&#xC744; &#xB85C;&#xB529;&#xD55C;&#xB2E4;. HTTP cache&#xC640; &#xAC19;&#xC740; &#xACBD;&#xC6B0; &#xADF8;&#xB9AC;&#xACE0; app cache&#xC640; &#xAC19;&#xC740; &#xACBD;&#xC6B0; &#xADF8;&#xAC83;&#xB4E4;&#xC740; UI Web view&#xC5D0;&#xC11C; &#xB3D9;&#xC791;&#xD55C;&#xB2E4;&#xACE0; &#xD558;&#xC9C0;&#xB9CC; &#xC885;&#xC885; &#xADF8;&#xB807;&#xC9C0; &#xC54A;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; &#xADF8; &#xB9AC;&#xC18C;&#xC2A4;&#xB4E4;&#xC774; &#xBAA8;&#xB450; &#xC5EC;&#xAE30;&#xC11C; &#xB9CC;&#xB4E4;&#xC5B4;&#xC9C0;&#xB294; &#xD655;&#xC2E0;&#xD560; &#xC218; &#xC788;&#xC5B4;&#xC57C;&#xB9CC; &#xD55C;&#xB2E4;. \n\n=Taking The Approach everywhere= \n&#xD558;&#xC9C0;&#xB9CC;, &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xC5D0;&#xC11C; &#xC798; &#xB3D9;&#xC791;&#xD588;&#xB2E4;. &#xB530;&#xB77C;&#xC11C; m.site&#xC640; &#xAC19;&#xC740;&#xC2DD;&#xC73C;&#xB85C; &#xB9CC;&#xB4E4; &#xC218; &#xC787;&#xC5C8;&#xB2E4;. news feed&#xAC00; &#xBCC0;&#xACBD;&#xB418;&#xAC70;&#xB098; news feed&#xAC00; &#xCD94;&#xAC00;&#xB418;&#xAC70;&#xB098; comment&#xAC00; &#xCD94;&#xAC00;&#xB418;&#xAC70;&#xB098; &#xBAA8;&#xB450; low-end&#xC778; m.site&#xC5D0; &#xBFCC;&#xB824;&#xC9C0;&#xACE0; high-end m.site&#xC5D0; &#xBFCC;&#xB824;&#xC9C0;&#xACE0; &#xC544;&#xC774;&#xD3F0;&#xD328;&#xBD81;, &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC;&#xD328;&#xBD81;&#xC5D0;&#xB3C4; &#xB2E4;&#xC74C;&#xB0A0;&#xC774;&#xBA74; &#xC801;&#xC6A9;&#xB418;&#xC5C8;&#xB2E4;. \n&#xB530;&#xB77C;&#xC11C;, &#xC6B0;&#xB9AC;&#xB294; &#xC774;&#xB807;&#xAC8C; &#xD588;&#xACE0;, &#xD398;&#xBD81;&#xACBD;&#xD5D8;&#xC758; &#xC694;&#xC18C;&#xB97C; &#xAC00;&#xC9C0;&#xAC8C; &#xB42C;&#xACE0; &#xBAA8;&#xB4E0; &#xAC83;&#xB4E4; &#xC548;&#xC5D0; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xAC00; &#xC0BD;&#xC785;&#xB418;&#xC5C8;&#xB2E4;. &#xD2B9;&#xD788; new feed&#xB098; &#xB2F9;&#xC2E0;&#xC758; &#xD504;&#xB85C;&#xD544; &#xD0C0;&#xC784;&#xB77C;&#xC778;&#xACFC; &#xAC19;&#xC740; &#xAC00;&#xC7A5; &#xC790;&#xC8FC; &#xBCC0;&#xD558;&#xB294; &#xAC83;&#xB4E4;&#xC5D0; &#xB300;&#xD574;&#xC11C;&#xB294;HTML&#xC744; &#xBC14;&#xB85C; &#xC0AC;&#xC6A9;&#xD558;&#xC600;&#xB2E4;. \n\n=&#xC5B4;&#xB5BB;&#xAC8C; &#xC9C4;&#xD654;&#xD588;&#xB294;&#xAC00; : HTML5 =\niOS3.4&#xC640; 3.5&#xC5D0;&#xC11C; &#xB3D9;&#xC791;&#xD55C;&#xB2E4;. news feed&#xC640; profile feed&#xB294; m.site&#xB85C;&#xBD80;&#xD130; &#xC18C;&#xC2A4;&#xB97C; &#xAC00;&#xC838;&#xC628; &#xAC83;&#xC774;&#xB2E4;. &#xB530;&#xB77C;&#xC11C;, m.site&#xAC00; &#xBCC0;&#xACBD;&#xB418;&#xACE0; &#xD53C;&#xCC98;&#xAC00; &#xCD94;&#xAC00;&#xB418;&#xBA74; &#xADF8;&#xAC83;&#xC774; &#xC801;&#xC6A9;&#xB41C;&#xB2E4;. m.site&#xAC00; &#xC7A5;&#xC560;&#xAC00; &#xC0DD;&#xAE30;&#xBA74; &#xBAA8;&#xB4E0; &#xAC83;&#xC774; &#xBED1;&#xB09C;&#xB2E4;. &#xC7A5;&#xB2E8;&#xC810;&#xC774; &#xC788;&#xB2E4;&#xB294; &#xAC83;&#xC774;&#xB2E4;. iOS4.0&#xC5D0;&#xC11C; &#xB294; requests, notifications, search, list-style content&#xAC00; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB97C; &#xC4F0;&#xC9C0; &#xC54A;&#xACE0; FaceWeb&#xC744; &#xC0AC;&#xC6A9;&#xD558;&#xC600;&#xB2E4;. &#xC548;&#xB4DC;&#xB85C;&#xC774;&#xB4DC; 1.6, 1.7&#xC5D0;&#xC11C;&#xB3C4; &#xB3D9;&#xC77C;&#xD558;&#xAC8C; &#xC9C4;&#xD589;. &#xD53C;&#xB4DC;&#xBC31;&#xACFC; &#xB514;&#xC790;&#xC778;&#xC740; &#xAF64; &#xC88B;&#xC558;&#xC9C0;&#xB9CC; &#xBC84;&#xADF8;&#xB4E4;&#xC774; &#xC880; &#xB9CE;&#xC558;&#xB2E4;. Javascript &#xBC84;&#xC804;&#xB4F1;&#xC774; &#xB9DE;&#xC9C0; &#xC54A;&#xB294;&#xB2E4;&#xAC70;&#xB098; &#xBB38;&#xC81C;&#xAC00; &#xC0DD;&#xAE30;&#xBA74; &#xBE68;&#xB9AC; &#xACE0;&#xCE60;&#xC218; &#xC788;&#xB2E4;. \n&#xB530;&#xB77C;&#xC11C;,&#xBBF8;&#xC158;&#xC740; &#xD55C;&#xAC1C;&#xC758; &#xCF54;&#xB4DC;&#xBCA0;&#xC774;&#xC2A4;&#xB85C;&#xBD80;&#xD130; &#xB3D9;&#xC791;&#xD558;&#xACE0; &#xC138;&#xC0C1;&#xC758; &#xBAA8;&#xB4E0; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC5D0; &#xC801;&#xC6A9;&#xD558;&#xB294; &#xAC83;&#xC774;&#xB2E4;. &#xC774;&#xB294; &#xD398;&#xC774;&#xC2A4;&#xBD81;&#xC5D0;&#xC11C; &#xB9D0;&#xD558;&#xB294; &#xAC83; &#xAC19;&#xC9C0;&#xB9CC; &#xC0AC;&#xC2E4;&#xC740; HTML5&#xC758; &#xAD6C;&#xD638;&#xC774;&#xB2E4;. \n\nHTML5&#xAC00; &#xC544;&#xB9C8;&#xB3C4; &#xC6B0;&#xB9AC;&#xAC00; &#xD558;&#xACE0;&#xC790; &#xD558;&#xB294; &#xAC83;&#xC77C;&#xAC70;&#xB2E4;. &#xC774;&#xB294; HTML5&#xAC00; &#xBB3C;&#xBC11;&#xC5D0;&#xC11C; &#xBCC0;&#xD654;&#xB418;&#xACE0; &#xC788;&#xAE30;&#xC5D0; &#xC368;&#xC57C;&#xD55C;&#xB2E4;. &#xD558;&#xC774;&#xBE0C;&#xB9AC;&#xB4DC; &#xC571;&#xC744; &#xB9CC;&#xB2E4;&#xB294; &#xCD08;&#xAE30;&#xC5D0;&#xB294; HTML5&#xC5D0; &#xC787;&#xB294; &#xD2B9;&#xC815;&#xD55C; &#xAC83;&#xB4E4;&#xC740; &#xC900;&#xBE44;&#xB418;&#xC9C0; &#xC54A;&#xC544;&#xC505;&#x3139; &#xC218; &#xC788;&#xC9C0;&#xB9CC; &#xC78A;&#xC5B4;&#xBC84;&#xB9AC;&#xB77C;&#xACE0; &#xB9D0;&#xD558;&#xACE0; &#xC788;&#xB2E4;. &#xACC4;&#xC18D; &#xC804;&#xC9C4;&#xD558;&#xACE0; &#xC788;&#xB2E4;. &#xB124;&#xC774;&#xD2B8;&#xBE0C; &#xD578;&#xB4E4;&#xB9C1;&#xC774;&#xB098; &#xB80C;&#xB354;&#xB9C1;&#xC744; html5&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xB354; &#xC798; &#xB300;&#xCCB4;&#xD574;&#xB0B4;&#xB8E8;&#xB3C4; &#xC788;&#xACE0; in-browser&#xAE30;&#xC220;(&#xAE30;&#xAE30; &#xC811;&#xADFC;, &#xC88B;&#xC740; native framework, applicatio &#xADF8;&#xB9AC;&#xACE0; display code. \n\nWhat has changed between then and now that we can take advantage of and that you guys can, who are going to be starting down this hybrid path, might be able to take advantage of in the near term?\n\n=Device Access= \n&#xB530;&#xB77C;&#xC11C;, &#xAE30;&#xAE30; &#xC811;&#xADFC;&#xC774;&#xB2E4;. &#xAE30;&#xAE30; &#xB0B4;&#xC5D0; &#xC81C;&#xD55C;&#xB41C; &#xC815;&#xBCF4;&#xB97C; &#xAC00;&#xC838;&#xC624;&#xB294; &#xAC83;&#xC774; &#xADF8; &#xC608;. Geolocation, network connectivity, obviously very big for caching, &#xCE74;&#xBA54;&#xB77C;, &#xC5F0;&#xB77D;&#xCC98;,. geo-location. &#xC774;&#xB294; HTML5&#xB85C; &#xD560; &#xC218; &#xC788;&#xACE0;, &#xBC18;&#xB300;&#xB85C; m.facebook.com&#xC5D0;&#xC11C; Places&#xC640; Deals &#xC2A4;&#xD130;&#xD504;&#xB97C; &#xAE30;&#xBC18;&#xC73C;&#xB85C; &#xC0AC;&#xC6A9;&#xD55C;&#xB2E4;; network connectivity&#xB294; &#xCD5C;&#xADFC; &#xC0DD;&#xACA8;&#xB0AC;&#xACE0; &#xCD5C;&#xC2E0; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC5D0;&#xC11C;&#xB294; HTML5&#xB97C; &#xD1B5;&#xD574;&#xC11C; &#xC54C; &#xC218; &#xC788;&#xB2E4;. &#xCE74;&#xBA54;&#xB77C;&#xC640; &#xC8FC;&#xC18C;&#xB4E4;&#xC740; &#xC544;&#xC9C1;. &#xD558;&#xC9C0;&#xB9CC; &#xAC00;&#xC838;&#xC62C;&#xC218; &#xC788;&#xACE0; &#xC5C6;&#xB294; &#xAC83;&#xC744; &#xC54C;&#xACE0; &#xC2F6;&#xB2E4;&#xBA74;, PhoneGap.com&#xC744; &#xCC38;&#xACE0;&#xD558;&#xAE38;. &#xC774; &#xBAA8;&#xB4E0;&#xAC83;&#xB4E4;&#xC774; &#xC544;&#xC9C1; &#xACFC;&#xB3C4;&#xAE30;. \n\n\n= History= \nHistory&#xB97C; &#xAC1C;&#xBC1C;&#xD560; &#xC218; &#xC788;&#xB294; &#xD504;&#xB808;&#xC784;&#xC6CC;&#xD06C;&#xAC00; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xC5D0; &#xC874;&#xC7AC;. &#xC774;&#xB294; &#xB9E4;&#xC6B0;weired&#xD558;&#xB2E4;. &#xC65C;&#xB0D0;&#xBA74; native stack &#xC5D0; &#xC313;&#xC5EC;&#xC788;&#xACE0; &#xC774;&#xB294; &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xC758; history&#xC640;&#xB294; &#xB9E4;&#xC6B0; &#xB2E4;&#xB974;&#xAE30; &#xB54C;&#xBB38;. &#xBE0C;&#xB77C;&#xC6B0;&#xC800;&#xB294; &#xD788;&#xC2A4;&#xD1A0;&#xB9AC;&#xB97C; &#xB2E4;&#xB8E8;&#xB294; &#xBC29;&#xC2DD;&#xC774; &#xB9E4;&#xC6B0; &#xB2E4;&#xB974;&#xACE0; &#xADF8; &#xBAA8;&#xB378;&#xB3C4; &#xB9E4;&#xC6B0; &#xB2E4;&#xB984;. &#xD788;&#xC2A4;&#xD1A0;&#xB9AC; &#xAD00;&#xB9AC;, client-side , threading&#xC740; &#xC911;&#xC694;. threading&#xC740; &#xD2B9;&#xD788; &#xC911;&#xC694;. \n\nHTML5&#xB294; &#xC774; &#xBAA8;&#xB4E0;&#xAC83;&#xC744; &#xD1B5;&#xD569;&#xD560; &#xC218;&#xB3C4; &#xC788;&#xC74C;. history &#xAD00;&#xB9AC;&#xB97C; &#xC704;&#xD574; HTML5&#xC5D0;&#xB294; &#xC88B;&#xC740; &#xAE30;&#xB2A5;&#xC774; &#xC788;&#xC74C;. IndexDB&#xC640; client-side storage&#xB294; &#xB354;&#xB355; &#xC88B;&#xC740; &#xAE30;&#xB2A5;. WebWorkers&#xAC19;&#xC740; &#xAC83;&#xC774; &#xB2E4;&#xC2DC; &#xC0DD;&#xAE30;&#xBA74; HTML5 &#xC5D0;&#xC11C; &#xC4F8;&#xC218; &#xC788;&#xC744; &#xAC70;&#xB2E4;. \n\n=&#xC571;&#xC774; &#xC6F9;&#xAE30;&#xC220;&#xB9CC;&#xB4E4;&#xC624; &#xB9CC;&#xB4E4;&#xC5B4;&#xC9C8; &#xC218; &#xC788;&#xB098;? = \n&#xACB0;&#xB860;&#xC801;&#xC73C;&#xB85C; &#xC911;&#xC694;&#xD55C;&#xAC83;&#xC740; &#xC6F9;&#xAE30;&#xC220;&#xB9CC;&#xB4DC;&#xC73C;&#xB85C; &#xC571;&#xC744; &#xB9CC;&#xB4E4; &#xC218; &#xC787;&#xB0D0;&#xB294;&#xAC83;&#xC774;&#xB2E4;. \n&#xC2E4;&#xC81C; &#xC6F9; &#xAE30;&#xC220;&#xC774; &#xC0AC;&#xC6A9;&#xB418;&#xACE0; &#xB2F9;&#xC2E0;&#xB3C4; &#xC0AC;&#xC6A9;&#xD558;&#xACE0; &#xC788;&#xB2E4;. &#xC2A4;&#xD06C;&#xB864;/&#xB9AC;&#xD504;&#xB808;&#xC2DC;/fast stuff&#xB4F1;&#xC740; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xD578;&#xB4E4;&#xB7EC;&#xB97C; &#xC4F4;&#xB2E4;. &#xD558;&#xC9C0;&#xB9CC; scrolling&#xC740; iOS5&#xAC00; scrolling, position fixed overflow scorll&#xC744; &#xB9CC;&#xB4E4;&#xC5B4;&#xC900; &#xB355;&#xBD84;&#xC5D0; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB97C; &#xC4F4;&#x3134; &#xAC83;&#xC740; &#xC61B;&#xB0A0;&#xC598;&#xAE30;&#xAC00; &#xB418;&#xC5C8;&#xB530;. &#xACE0;&#xC815;&#xC704;&#xCE58; header&#xC640; good scrolling&#xC740; &#xB124;&#xC774;&#xD2F0;&#xBE0C;&#xB9CC;&#xC758; &#xAC83;&#xC774;&#xB77C;&#xACE0; &#xC0DD;&#xAC01;&#xD558;&#xC9C0;&#xB9CC; &#xC774;&#xB294; &#xC798;&#xB9CC;&#xB4E4;&#xC5B4;&#xC9C4; JS&#xC640; &#xC0C8;&#xB85C;&#xC6B4; framework&#xB4E4; &#xB355;&#xBD84;&#xC5D0; &#xADF9;&#xBCF5;&#xD574;&#xB0BC;&#xC218; &#xC788;&#xB2E4;&#xB294;&#xAC70;. \n\njS&#xC5D4;&#xC9C4;&#xC774; &#xACC4;&#xC18D; &#xC88B;&#xC544;&#xC9C0;&#xACE0; &#xC788;&#xACE0;, V8&#xACFC; Nitro&#xB294; full-fledged JS&#xB85C; objective c&#xB098; &#xC790;&#xBC14;&#xB97C; &#xC4F0;&#xC9C0; &#xC54A;&#xACE0; &#xADF8;&#xC5D0; &#xC0C1;&#xC751;&#xD558;&#xB294; &#xC571;&#xC744; &#xB9CC;&#xB4E4; &#xC218; &#xC788;&#xB294; &#xAC83;&#xC744;&#xBCF4;&#xC5EC;&#xC92C;&#xB2E4;. Netflix&#xB294; &#xC774;&#xBBF8; &#xC774;&#xB97C; &#xC0C1;&#xD488;&#xD654; &#xD588;&#xB2E4;. \n\n&#xB530;&#xB77C;&#xC11C; &#xBE45; &#xBE0C;&#xB77C;&#xC6B0;&#xC800; &#xC81C;&#xC870;&#xC0AC;&#xB2EC;&#xC758; &#xAE34;&#xAE09;&#xD55C; &#xD22C;&#xC790;&#xB294; &#xC815;&#xB9D0; &#xC815;&#xB9D0; &#xC88B;&#xC740; JS&#xB97C; &#xB9CC;&#xB4DC;&#xB294; &#xAC83;. \nAnd if you guys are just starting down this path, you will be surprised at just how much success I think that you could really have\n\n-----------------------------------------------------------------------------------------------------\n

\n

Mobile web me2day_seminar

Recommended

Recommended

More Related Content

What's hot

What's hot (14)

Viewers also liked

Viewers also liked (20)

Similar to Mobile web me2day_seminar

Similar to Mobile web me2day_seminar (20)

Mobile web me2day_seminar

Editor's Notes