ํ๋ฐํธ์๋ ํ๋ก๊ทธ๋ ์๋ธ ์น ์ฑ(PWA)์ ์ฌ์ฉ์ ๊ฒฝํ, ์ฑ๋ฅ ๋ฐ ์์ ์ฑ์ ์ฐ์ ์ํ๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ๋ํ ์ต์ฒจ๋จ ์ ๊ทผ ๋ฐฉ์์ ๋๋ค. ์ด๋ ๊ธฐ์กด ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ๊ธฐ๋ณธ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ์ ๊ฒฉ์ฐจ๋ฅผ ํด์ํ์ฌ ์๋ต์ฑ์ด ๋ฐ์ด๋ ์ธํฐํ์ด์ค, ์คํ๋ผ์ธ ๊ธฐ๋ฅ ๋ฐ ํ๋ซํผ ๊ฐ ํธํ์ฑ์ ์ ๊ณตํฉ๋๋ค. PWA๋ HTML, CSS, JavaScript ๋ฑ ํ์ค ์น ๊ธฐ์ ์ ์ฌ์ฉํ์ฌ ๊ตฌ์ถ๋์์ผ๋ฉฐ ๋ค์ํ ์ฅ์น์ ํ๋ฉด ํฌ๊ธฐ์์ ์ํํ๊ฒ ์๋ํฉ๋๋ค. ์ ์์ฑ๊ณผ ์ฐธ์ฌ ๊ธฐ๋ฅ ๋๋ถ์ PWA๋ ์ต๊ทผ ๋ช ๋ ๋์ ์ํํธ์จ์ด ๊ฐ๋ฐ์์ ๊ธฐ์ ์ฌ์ด์์ ์๋นํ ๊ด์ฌ๊ณผ ์ฑํ์ ์ป์์ต๋๋ค.
์ด๋ฆ์์ ์ ์ ์๋ฏ์ด ํ๋ฐํธ์๋ PWA๋ ํนํ ํ๋ก๊ทธ๋ ์๋ธ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ํด๋ผ์ด์ธํธ ์ธก ๊ฐ๋ฐ ์ธก๋ฉด๊ณผ ๊ด๋ จ์ด ์์ต๋๋ค. ํ๋ฐํธ์๋ PWA์ ์ฃผ์ ๋ชฉํ๋ ์ง๋ณด์ ์ธ ์ฑ ๊ฐ๋ฐ์ ํต์ฌ ์์น, ์ฆ ๋ฐ์ํ ๋์์ธ, ์ฐ๊ฒฐ ๋ ๋ฆฝ์ฑ ๋ฐ ์ฑ๊ณผ ๊ฐ์ ํ์์ ์ค์ํ๋ ์ต์ ์ ์ฌ์ฉ์ ์นํ์ ์ธ ๊ฒฝํ์ ๋ณด์ฅํ๋ ๊ฒ์ ๋๋ค. React, Angular ๋ฐ Vue.js์ ๊ฐ์ ๊ณ ๊ธ ํ๋ฐํธ์๋ ํ๋ ์์ํฌ ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ถํ์ผ๋ก ์ธํด ๊ฐ๋ฐ์๋ ๋ํํ ์ฑ๋ฅ์ด ๋ฐ์ด๋ PWA๋ฅผ ๋ง๋๋ ๋ฐ ์ ์ ๋ ์ฝ๊ฒ ์ ๊ทผํ ์ ์๊ฒ ๋์์ต๋๋ค.
AppMasterno-code ํ๋ซํผ์์๋ ํ๋ฐํธ์๋ PWA๋ฅผ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ์๋น์ค์ ํตํฉํ๋ ๊ฒ์ ๊ฐ์น๋ฅผ ์ดํดํ๊ณ ์์ต๋๋ค. ์ฐ๋ฆฌ ํ๋ซํผ์ ์ฌ์ฉํ๋ฉด ๊ฐ๋ฐ์๋ ๊ด๋ฒ์ํ ์ฝ๋ ์ค์ ์์ฑํ ํ์ ์์ด drag-and-drop ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฉํ์ฌ ์๊ฐ์ ์ผ๋ก ๋งค๋ ฅ์ ์ธ ์ฌ์ฉ์ ์ค์ฌ PWA๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค. Web BP(๋น์ฆ๋์ค ํ๋ก์ธ์ค) ๋์์ด๋๋ฅผ ํตํด ๊ฐ๋ฐ์๋ ๊ฐ UI ๊ตฌ์ฑ ์์์ ๋ํ ๋น์ฆ๋์ค ๋ ผ๋ฆฌ๋ฅผ ์ ์ํ๊ณ ๊ตฌํํ ์๋ ์์ผ๋ฏ๋ก ์ฑ ๊ธฐ๋ฅ์ด ์ฌ์ฉ์ ๊ธฐ๋์ ๋น์ฆ๋์ค ์๊ตฌ ์ฌํญ์ ์ถฉ์กฑํ๋์ง ํ์ธํ ์ ์์ต๋๋ค. ๋ํ AppMaster ์ Vue3 ๊ธฐ๋ฐ ์น ์ ํ๋ฆฌ์ผ์ด์ ์์ฑ์ ์์ฑ๋ PWA๊ฐ ๋ชจ๋ฒ ์ฌ๋ก ๋ฐ ์ต์ ํ ๊ธฐ์ ์ ์ค์ํ๋๋ก ๋ณด์ฅํ์ฌ ๋ฐ์ด๋ ์ฌ์ฉ์ ๊ฒฝํ๊ณผ ํจ์จ์ ์ธ ์ฑ๋ฅ์ ๋ณด์ฅํฉ๋๋ค.
Google์ ์ฐ๊ตฌ์ ๋ฐ๋ฅด๋ฉด PWA๋ ์ฌ์ฉ์ ์ฐธ์ฌ๋ฅผ ์ต๋ 300%๊น์ง ๋์ด๊ณ ์ ํ์จ์ 104%๊น์ง ํฅ์์ํฌ ์ ์์ต๋๋ค. ์ด๋ฌํ ์ธ์์ ์ธ ํต๊ณ๋ PWA๊ฐ ํนํ ๋ชจ๋ฐ์ผ ์ฌ์ฉ์๋ฅผ ๋์์ผ๋ก ํ๋ ํ์ฌ์ ์ ๊ณตํ๋ ์ค์ํ ๋น์ฆ๋์ค ์ด์ ์ ๊ฐ์กฐํฉ๋๋ค. PWA๋ ์ถ๊ฐ ์ํํธ์จ์ด๋ฅผ ์ค์นํ ํ์ ์์ด ์น ๋ธ๋ผ์ฐ์ ์์ ์ง์ ์ก์ธ์คํ ์ ์์ผ๋ฏ๋ก ์ฑ ์คํ ์ด์ ์ ํ ์ฌํญ์ ์ฐํํ์ฌ ๋ ๋น ๋ฅด๊ณ ๊ด๋ฒ์ํ ์ฌ์ฉ์ ์ฑํ์ ๋ณด์ฅํฉ๋๋ค.
ํ๋ฐํธ์๋ PWA์ ์ฃผ๋ชฉํ ๋งํ ์๋ก๋ Twitter Lite, Starbucks ๋ฐ Pinterest๊ฐ ์์ต๋๋ค. 2017๋ ์ ์ถ์๋ Twitter Lite๋ ์ธํฐ๋ท ์ฐ๊ฒฐ์ด ๋๋ฆฌ๊ฑฐ๋ ๋ถ์์ ํ ์ฌ์ฉ์์๊ฒ ๋ ๋น ๋ฅด๊ณ ๋ฐ์ดํฐ ํจ์จ์ ์ธ ๊ฒฝํ์ ์ ๊ณตํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ์ต๋๋ค. PWA๋ ๊ฐ๋ณ๊ณ ๋ค์ดํฐ๋ธ ์ฑ๊ณผ ๊ฐ์ ๊ฒฝํ์ ์ ๊ณตํ๋ฉฐ ํธ์ํฐ๊ฐ ์ฌ์ฉ์ ์ฐธ์ฌ๋ฅผ 75% ๋๋ฆฌ๊ณ ๋ฐ์ดํฐ ์๋น๋ฅผ 70% ์ด์ ์ค์ด๋ ๋ฐ ๋์์ด ๋์์ต๋๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก, ์คํ๋ฒ ์ค์ PWA๋ฅผ ํตํด ๊ณ ๊ฐ์ ์คํ๋ผ์ธ์์๋ ์ฃผ๋ฌธ์ ์ฐพ์๋ณด๊ณ ๋ง์ถค ์ค์ ํ ์ ์๊ฒ ๋์์ผ๋ฉฐ, ๊ทธ ๊ฒฐ๊ณผ ์ฃผ๋ฌธ์ ์ํ ์น ์ฑ ์ฌ์ฉ์ด ํฌ๊ฒ ๋์ด๋ฌ์ต๋๋ค. ๋ฐ๋ฉด, Pinterest๋ PWA๋ฅผ ์ถ์ํ ํ ํต์ฌ ์ฐธ์ฌ๊ฐ 60% ์ฆ๊ฐํ์ฌ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ณํ์ํค๊ณ ์๋ฏธ ์๋ ๋น์ฆ๋์ค ์ฑ๊ณผ๋ฅผ ์ด๋์ด๋ด๋ ์ด ๊ธฐ์ ์ ์ ์ฌ๋ ฅ์ ์ ์ฆํ์ต๋๋ค.
ํ๋ฐํธ์๋ PWA์ ์ฃผ์ ์ฅ์ ์ ์ต์ ์น API์ ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฅ์ ๋ฐ์ ์ ํ์ฉํ์ฌ ํธ์ ์๋ฆผ, ์ฌ์ฉ์ ์ ์ ์คํ๋์ ํ๋ฉด, ํ ํ๋ฉด ์์ด์ฝ๊ณผ ๊ฐ์ ๊ฐ๋ ฅํ ๊ธฐ๋ฅ์ ์ ๊ณตํ ์ ์๋ค๋ ๊ฒ์ ๋๋ค. ์ด๋ฌํ ๊ธฐ๋ฅ์ ๋์ฑ ๋ชฐ์ ๊ฐ ์๊ณ ๋ค์ดํฐ๋ธ์ ์ ์ฌํ ๊ฒฝํ์ ๋ง๋ค์ด ์ฌ์ฉ์ ์ฐธ์ฌ๋์ ์ ์ง์จ์ ๋์ด๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ๋ํ PWA๋ ๊ด๋ฒ์ํ ์บ์ฑ ๋ฐ ์ง๋ฅํ ๋ฆฌ์์ค ๊ด๋ฆฌ ์ ๋ต์ ์ด์ ์ ํ์ฉํ์ฌ ์ฐ๊ฒฐ ์ํ์ ๊ด๊ณ์์ด ๋ ๋น ๋ฅธ ํ์ด์ง ๋ก๋ ์๊ฐ, ์คํ๋ผ์ธ ๊ธฐ๋ฅ ๋ฐ ์ ๋ฐ์ ์ผ๋ก ์ํํ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ณด์ฅํ ์ ์์ต๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก ํ๋ฐํธ์๋ ํ๋ก๊ทธ๋ ์๋ธ ์น ์ฑ(PWA)์ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ๋ํ ๋ค์ํ๊ณ ํ์ ์ ์ธ ์ ๊ทผ ๋ฐฉ์์ ์ ๊ณตํ์ฌ ๊ณ ์ฑ๋ฅ, ์คํ๋ผ์ธ ๊ธฐ๋ฅ ๋ฐ ๋ค์ดํฐ๋ธ์ ์ ์ฌํ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ณด์ฅํฉ๋๋ค. AppMaster ์์๋ PWA๋ฅผ no-code ํ๋ซํผ์ ํตํฉํ๋ ๊ฒ์ ์ฐ์ ์ํ์ฌ ๊ฐ๋ฐ์์ ๊ธฐ์ ์ด ์ต์ํ์ ์๊ฐ๊ณผ ๋ ธ๋ ฅ์ผ๋ก ๋งค๋ ฅ์ ์ด๊ณ ์ฑ๋ฅ์ด ๋ฐ์ด๋ ์ฑ์ ์ค๊ณํ๊ณ ๋ฐฐํฌํ ์ ์๋๋ก ์ง์ํฉ๋๋ค. ์น์ด ๊ณ์ ๋ฐ์ ํจ์ ๋ฐ๋ผ PWA๋ฅผ ํ๋ฐํธ์๋ ๊ฐ๋ฐ ์ ๋ต์ ํต์ฌ ๋ถ๋ถ์ผ๋ก ์์ฉํ๋ฉด ์ฌ์ฉ์ ์ฐธ์ฌ, ๋น์ฆ๋์ค ์ฑ์ฅ ๋ฐ ์ฅ๊ธฐ์ ์ธ ์ฑ๊ณต์ ์ํ ์ค์ํ ๊ธฐํ๋ฅผ ์ป์ ์ ์์ต๋๋ค.