QIAN

PWA(Progressive Web Apps) ๊ทธ๋ฆฌ๊ณ  ์•ฑ ์Šคํ† ์–ด์˜ ๋ฏธ๋ž˜ ๋ณธ๋ฌธ

๐Ÿง‘๐Ÿป‍๐Ÿ’ป Technology/IT

PWA(Progressive Web Apps) ๊ทธ๋ฆฌ๊ณ  ์•ฑ ์Šคํ† ์–ด์˜ ๋ฏธ๋ž˜

Qian 2020. 12. 8. 18:42

๊ฒŒ์ž„์„ ์ข‹์•„ํ•˜๊ฑฐ๋‚˜ ์• ํ”Œ์— ๊ด€์‹ฌ์ด ์žˆ๋‹ค๋ฉด ์• ํ”Œ๊ณผ ์—ํ”ฝ ๊ฒŒ์ž„์ฆˆ ๊ฐ„์˜ ์‹ธ์›€์„ ๋“ค์–ด๋ณธ ์ ์ด ์žˆ์„ ๊ฒƒ์ด๋‹ค. 2020๋…„ 8์›” 13์ผ, ์• ํ”Œ์€ ์•ฑ ์Šคํ† ์–ด์—์„œ ์ธ๊ธฐ ๊ฒŒ์ž„ ํฌํŠธ ๋‚˜์ดํŠธ๋ฅผ ์‚ญ์ œํ–ˆ๋‹ค. ์—ํ”ฝ ๊ฒŒ์ž„์ฆˆ๊ฐ€ ์•ฑ์Šคํ† ์–ด๋ฅผ ํ†ตํ•œ ๊ฒฐ์ œ ์‹œ์Šคํ…œ์ด ์•„๋‹Œ ์•ฑ ๋‚ด์—์„œ ๋…์ž์ ์œผ๋กœ ๊ฒฐ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•œ ์˜ต์…˜์„ ํฌํŠธ ๋‚˜์ดํŠธ ๊ฒŒ์ž„์— ์ถ”๊ฐ€ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์• ํ”Œ์—๊ฒŒ ์ˆ˜์ˆ˜๋ฃŒ 30%๋ฅผ ์ง€๋ถˆํ•˜์ง€ ์•Š๊ฒŒ ๋œ ์…ˆ์ด๋‹ค. ์ด ์‹ธ์›€์„ ๊ณ„๊ธฐ๋กœ ์Œ์ง€์— ์žˆ๋˜ ์• ํ”Œ์˜ ์•ฑ์Šคํ† ์–ด ์ •์ฑ…์ด ์–‘์ง€๋กœ ๋‚˜์˜ค๊ฒŒ ๋๋‹ค.

 

ํ…Œํฌ ๋งˆ๋‹ˆ์•„๋“ค์ด ์•ฑ์Šคํ† ์–ด ์ˆ˜์ˆ˜๋ฃŒ ์ •์ฑ…์— ๋Œ€ํ•ด ๋…ผ์Ÿํ•˜๋Š” ๋™์•ˆ ์•„๋งˆ์กด์€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์ฐพ์•˜๋‹ค. ์•„๋งˆ์กด ๋ฃจ๋‚˜๊ฐ€ ๋ฐ”๋กœ ๊ทธ ๋‹ต์ด๋‹ค. ๋ฃจ๋‚˜๋Š” ๋””๋ฐ”์ด์Šค์— ๊ฒŒ์ž„์„ ์„ค์น˜ํ•  ํ•„์š”์—†์ด ์–ด๋””์„œ๋‚˜ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋Š” ํด๋ผ์šฐ๋“œ ๊ฒŒ์ž„ ์„œ๋น„์Šค(PWA)๋‹ค. ์•ฑ์„ ๋‹ค์šด๋กœ๋“œํ•˜๋Š” ์•ฑ ์Šคํ† ์–ด๊ฐ€ ์ „ํ˜€ ํ•„์š”ํ•˜์ง€ ์•Š๊ฒŒ ๋œ ๊ฒƒ์ด๋‹ค.

 

PWA(Progressive Web Apps)๋Š” ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ๊ฒŒ์ž„์„ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰, ์–ด๋–ค ์šด์˜์ฒด์ œ, ์–ด๋–ค ๊ธฐ๊ธฐ๋ฅผ ์“ฐ๋˜์ง€ ์ƒ๊ด€์ด ์—†๋‹ค. ๋˜ํ•œ ํšŒ์‚ฌ๋Š” ์•ฑ ๊ฐœ๋ฐœ๊ณผ ์›น ๊ฐœ๋ฐœ์„ ๋‚˜๋ˆ ์„œ ํ•  ํ•„์š”๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ๊ด€๋ฆฌํ•˜๊ธฐ๋„ ๋งค์šฐ ์‰ฝ๋‹ค. ํ•˜์ง€๋งŒ ํ˜„์žฌ ์„ฑ๋Šฅ์ด ์™„๋ฒฝํ•˜์ง€ ์•Š๋‹ค. ์ด๋Š” ์‹œ๊ฐ„์ด ํ•ด๊ฒฐํ•ด์ค„ ๊ฒƒ์ด๋‹ค.

 

๊ทธ๋Ÿผ PWA๊ฐ€ ๋‹ต์ด๋ผ๋Š” ๊ฑธ๊นŒ?

 

์ตœ๊ทผ ์• ํ”Œ์€ ๋งฅ os์—์„œ ARM ๊ธฐ๋ฐ˜ ์‹ค๋ฆฌ์ฝ˜ ๋งฅ๊ณผ ๋น…์„œ๋กœ ์ด๋™ํ–ˆ๋‹ค. ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ๋„ ๋น„์Šทํ•œ ๊ฒฝํ—˜์„ ํ•œ ์ ์ด ์žˆ๋‹ค. ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ๋Š” ์œˆ๋„์šฐ ํฐ์„ ์ถœ์‹œํ•œ ์ ์ด ์žˆ๊ณ  ํฌ๊ฒŒ ์‹คํŒจํ–ˆ๋‹ค. ์‹คํŒจํ•œ ์ด์œ ๋Š” ์•ฑ ์ƒํƒœ๊ณ„ ๋•Œ๋ฌธ์ด์—ˆ๋‹ค. ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ๋Š” ์• ํ”Œ๊ณผ ์•ˆ๋“œ๋กœ์ด๋“œ์˜ ๋ฐฉ๋Œ€ํ•œ ์„œ๋“œํŒŒํ‹ฐ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋งฅ์„ ๋ชป ์ถ”๋ฆฌ๊ณ  2016๋…„์— OS๋ฅผ ์ค‘๋‹จํ–ˆ๋‹ค. 

 

PWA๊ฐ€ ์ ์ฐจ ๊ฐœ์„ ๋˜๊ณ  ๋ณดํŽธํ™”๋˜๋ฉด์„œ 3๋Œ€ ๊ธฐ์—… (๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ | ์• ํ”Œ | ๊ตฌ๊ธ€)์ด ์–ด๋–ป๊ฒŒ ๋А๋ผ๊ณ  ์žˆ๋Š”์ง€ ์ฃผ๋ชฉํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค.

    • Microsoft | Google์˜ Chromium์—์„œ Edge ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์žฌ๊ตฌ์ถ•ํ–ˆ์œผ๋ฉฐ Windows 10X์™€ ํ˜ธํ™˜๋˜๋Š” ChromeOS ๊ฒฝ์Ÿ ์—…์ฒด๋ฅผ ๋ณด์œ ํ•˜๊ณ  ์žˆ๋‹ค. PWA๋Š” Surface Pro X ๊ธฐ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  Windows 10X์— ๊ฒฌ๊ณ ํ•œ ๊ธฐ๋ฐ˜์„ ์ œ๊ณตํ•œ๋‹ค. 
    • Google | Chrome ๋ธŒ๋ผ์šฐ์ €๋Š” ์›น ๋ธŒ๋ผ์šฐ์ € ํ‘œ์ค€์ด๋‹ค. Chromebook(ํฌ๋กฌos๊ฐ€ ํƒ‘์žฌ๋œ ๋„ท๋ถ)์€ ๊ณ„์†ํ•ด์„œ ์ฆ๊ฐ€ํ•˜๋Š” Progressive Web Apps ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์ด์ ์„ ํฌ๊ฒŒ ๋ˆ„๋ฆด ๊ฒƒ์ด๋‹ค. Android ์•ฑ์ด ์‹คํ–‰๋˜๋Š” ๋น„์Šทํ•œ ํ™˜๊ฒฝ ๋Œ€์‹  ๊ธฐ๊ธฐ์—์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ PWA๊ฐ€ ๋ฐ”๋กœ ์‹คํ–‰๋  ๊ฒƒ์ด๋‹ค. 
    • Apple | ์‚ฌ์‹ค ํ˜„์žฌ ์• ํ”Œ์˜ ์Šคํƒ ์Šค๊ฐ€ ๋ช…ํ™•ํ•˜์ง€ ์•Š๋‹ค. Progressive Web Apps์— ๋Œ€ํ•œ ์ƒ๊ฐ์„ ๊ณต๊ฐœ์ ์œผ๋กœ ๋ฐํžŒ ์ ์ด ์—†๋‹ค. ํ•˜์ง€๋งŒ Amazon Luna๊ฐ€ ์ถœ์‹œ๋˜๋ฉด์„œ ์ƒ๊ฐ์ด ๋ณต์žกํ•ด์งˆ ๊ฒƒ์ด๋‹ค. PWA๋Š” ํ์‡„์ ์ธ ์ƒํƒœ๊ณ„๋ฅผ ์œ ์ง€ํ•˜๋Š” Apple ์ฒ ํ•™๊ณผ ๋งž์ง€ ์•Š์„ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

Progressive Web Apps์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ํ†ตํ•ฉ์ ์ธ ์•ฑ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋Š” ์œ ๋‹ˆํฌํ•œ ํฌ์ง€์…˜์— ์žˆ๋‹ค. ์•ฑ ์Šคํ† ์–ด๊ฐ€ ์‹œ๋Œ€์— ๋งž์ถฐ๊ฐ€์ง€ ์•Š๋Š”๋‹ค๋ฉด PWA๊ฐ€ ์ž์—ฐ์Šค๋ ˆ ๊ทธ ๊ณต๋ฐฑ์„ ์ฑ„์šฐ๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค.

 

+ 2020/12/15

์ตœ๊ทผ ์ฝ”๋กœ๋‚˜ ๋•Œ๋ฌธ์— ์ง‘์—๋งŒ ์žˆ์–ด์„œ ๊ฒŒ์ž„ํ•˜๋ ค๊ณ  ์œˆ๋„์šฐ ๋ฐ์Šคํฌํƒ‘์„ ์‚ฌ๋ ค๊ณ  ๊ณ ๋ฏผํ–ˆ๋‹ค.
๊ทธ๋ž˜์„œ LG ์ง€ํฌ์Šค๋‚˜์šฐ๋ผ๋Š” ํด๋ผ์šฐ๋“œ ๊ฒŒ์ž„ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•ด๋ดค๋‹ค. ํ˜์‹ ์ธ ๊ฒƒ ๊ฐ™๋‹ค.
๋ ‰์ด ์ข€ ๊ฑธ๋ฆฌ๋Š”๋ฐ ๊ณต์œ ๊ธฐ๋งŒ 5g๋กœ ๋ฐ”๊พธ๋ฉด ๊ณ ํ•ด์ƒ๋„ ๊ณ ํ”„๋ ˆ์ž„์œผ๋กœ ๊ฒŒ์ž„์„ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋‹ค.
5g๊ฐ€ ์™œ ํ•„์š”ํ•œ์ง€ ๋ชฐ๋ž๋Š”๋ฐ ํ•„์š”์„ฑ์„ ๋А๋ผ๊ฒŒ ๋๋‹ค. 
medium.com/scotts-tech-thoughts/progressive-web-apps-the-app-store-of-tomorrow-2ad3965cc4ae

 

Comments