PWA(Progressive Web App)๋Š” ์ตœ์‹  ์›น ๊ฐœ๋ฐœ ๊ธฐ์ˆ ๊ณผ ๋””์ž์ธ ์›์น™์„ ํ™œ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์žฅ์น˜์™€ ํ”Œ๋žซํผ์—์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์•ฑ๊ณผ ๊ฐ™์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” ๋™์‹œ์— ๊ธฐ์กด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ ‘๊ทผ์„ฑ๊ณผ ๋„๋‹ฌ ๋ฒ”์œ„๋ฅผ ์œ ์ง€ํ•˜๋Š” ๊ณ ๊ธ‰ ์›น ๊ธฐ๋ฐ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. . PWA๋Š” ๋А๋ฆฌ๊ฑฐ๋‚˜ ์‹ ๋ขฐํ•  ์ˆ˜ ์—†๋Š” ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ์—์„œ๋„ ํšจ์œจ์ ์ด๊ณ  ์•ˆ์ •์ ์œผ๋กœ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ, ์žฅ์น˜ ๊ธฐ๋Šฅ๊ณผ์˜ ์›ํ™œํ•œ ํ†ตํ•ฉ, ์‚ฌ์šฉ์ž ์žฅ์น˜์— ์„ค์น˜ํ•˜์—ฌ ์ „์ฒด ํ™”๋ฉด์˜ ๋…๋ฆฝ ์‹คํ–‰ํ˜• ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์ด ํŠน์ง•์ž…๋‹ˆ๋‹ค.

์ฝ”๋“œ ์—†๋Š” ๊ฐœ๋ฐœ ๋ฐ AppMaster ์˜ ๋งฅ๋ฝ์—์„œ PWA๋Š” ํŠนํžˆ ์ „ํ†ต์ ์ธ ์ฝ”๋”ฉ ๋ฐ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๋ณต์žก์„ฑ์— ๋›ฐ์–ด๋“ค์ง€ ์•Š๊ณ  ์ •๊ตํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ณ  ๋ฐฐํฌํ•˜๋ ค๋Š” ๊ธฐ์—… ๋ฐ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋งค๋ ฅ์ ์ž…๋‹ˆ๋‹ค. AppMaster ์˜ no-code ํ”Œ๋žซํผ์€ PWA๋ฅผ ๊ฐœ๋ฐœ, ํ…Œ์ŠคํŠธ ๋ฐ ๋ฐฐํฌํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์‹œ๊ฐ„, ๋…ธ๋ ฅ ๋ฐ ๋ฆฌ์†Œ์Šค๋ฅผ ํฌ๊ฒŒ ์ค„์—ฌ ์—ด์ •์ ์ธ ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๋Š” ์‹œ๋ฏผ ๊ฐœ๋ฐœ์ž๋ถ€ํ„ฐ ๊ฐ„์†Œํ™”๋ฅผ ๋ชฉํ‘œ๋กœ ํ•˜๋Š” ๊ธฐ์—…์— ์ด๋ฅด๊ธฐ๊นŒ์ง€ ๋‹ค์–‘ํ•œ ์ œ์ž‘์ž๊ฐ€ ์ด ๊ธฐ์ˆ ์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋“ค์˜ ๋””์ง€ํ„ธ ์กด์žฌ.

PWA๋Š” ๊ณ ์œ ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ๋ช‡ ๊ฐ€์ง€ ์ค‘์š”ํ•œ ๊ตฌ์„ฑ ์š”์†Œ์™€ ๊ธฐ์ˆ ์— ์˜์กดํ•ฉ๋‹ˆ๋‹ค. ์„œ๋น„์Šค ์ž‘์—…์ž๋Š” ์บ์‹ฑ, ์˜คํ”„๋ผ์ธ ์ง€์› ๋ฐ ๋ฐ์ดํ„ฐ ๋™๊ธฐํ™”์™€ ๊ฐ™์€ ๋ฐฑ๊ทธ๋ผ์šด๋“œ ์ž‘์—…์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” PWA์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค. ๋˜ ๋‹ค๋ฅธ ์ค‘์š”ํ•œ ๊ตฌ์„ฑ ์š”์†Œ๋Š” ์•„์ด์ฝ˜, ์Šคํ”Œ๋ž˜์‹œ ํ™”๋ฉด, ํ…Œ๋งˆ ์ƒ‰์ƒ ๋ฐ ์•ฑ์ด ์‹คํ–‰๋  ๋•Œ ๋กœ๋“œ๋˜์–ด์•ผ ํ•˜๋Š” URL๊ณผ ๊ฐ™์€ PWA์˜ ๋ชจ์–‘์— ๋Œ€ํ•œ ์ •๋ณด๊ฐ€ ํฌํ•จ๋œ ์›น ์•ฑ ๋งค๋‹ˆํŽ˜์ŠคํŠธ์ž…๋‹ˆ๋‹ค. ๋งˆ์ง€๋ง‰์œผ๋กœ PWA๋Š” Fetch API, Push API ๋ฐ Cache API๋ฅผ ๋น„๋กฏํ•œ ์—ฌ๋Ÿฌ API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๊ณ  ์ „๋ฐ˜์ ์ธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.

PWA ์ ‘๊ทผ ๋ฐฉ์‹์„ ์ฑ„ํƒํ•˜๋Š” ์ด์ ์€ ๋‹ค์–‘ํ•ฉ๋‹ˆ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค๋„ PWA๋Š” ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ(iOS, Android ๋ฐ ์›น)์— ๋Œ€ํ•ด ๋ณ„๋„์˜ ๊ธฐ๋ณธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•˜๋Š” ๊ฒƒ๊ณผ ๋น„๊ตํ•  ๋•Œ ํ›จ์”ฌ ๋” ๋น„์šฉ ํšจ์œจ์ ์ž…๋‹ˆ๋‹ค. ์ด๋Š” PWA๊ฐ€ ๋‹จ์ผ ์ฝ”๋“œ๋ฒ ์ด์Šค๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  ๋‹ค์–‘ํ•œ ์žฅ์น˜ ์œ ํ˜•์—์„œ ์›ํ™œํ•˜๊ฒŒ ์‹คํ–‰๋˜์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ผ๊ด€๋˜๊ณ  ํ†ตํ•ฉ๋œ ํ”Œ๋žซํผ์—์„œ ์•ฑ์„ ์œ ์ง€ ๊ด€๋ฆฌํ•˜๊ณ  ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. PWA๋Š” ๊ฒ€์ƒ‰ ์—”์ง„์— ์˜ํ•ด ์ธ๋ฑ์‹ฑ๋˜๋ฏ€๋กœ ๋” ์‰ฝ๊ฒŒ ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ธฐ๋ณธ ์•ฑ์— ๋น„ํ•ด ๋„๋‹ฌ ๋ฒ”์œ„์™€ ์ ‘๊ทผ์„ฑ์ด ๋” ๋„“์Šต๋‹ˆ๋‹ค.

PWA๋Š” ์—ฐ๊ฒฐ์ด ์ œํ•œ๋œ ๊ฒฝ์šฐ์—๋„ ์„œ๋น„์Šค ์ž‘์—…์ž๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์บ์‹œํ•˜๊ณ  ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ ๋•๋ถ„์— ์˜คํ”„๋ผ์ธ ๋˜๋Š” ๋А๋ฆฐ ๋„คํŠธ์›Œํฌ์—์„œ ์ž‘๋™ํ•˜๋Š” ๊ธฐ๋Šฅ์ด ํŠน์ง•์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ์—ฌ์ „ํžˆ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ์•ก์„ธ์Šคํ•˜๊ณ  ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์‚ฌ์šฉ์ž ๋งŒ์กฑ๋„์™€ ์ฐธ์—ฌ์œจ์ด ํ–ฅ์ƒ๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ PWA๋Š” ์‚ฌ์šฉ์ž์˜ ๊ธฐ๊ธฐ์— ์‰ฝ๊ฒŒ ์„ค์น˜ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์‚ฌ์šฉ์ž๊ฐ€ ๋ฒˆ๊ฑฐ๋กญ๊ณ  ์‹œ๊ฐ„์ด ๋งŽ์ด ๊ฑธ๋ฆฌ๋Š” ํ”„๋กœ์„ธ์Šค์ธ ์•ฑ ์Šคํ† ์–ด์—์„œ ์•ฑ์„ ๋‹ค์šด๋กœ๋“œํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค."

AppMaster ์˜ no-code ํ”Œ๋žซํผ์€ ๊ฐ„๋‹จํ•˜๊ณ  ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ drag and drop ์ธํ„ฐํŽ˜์ด์Šค๋กœ PWA๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ UI, ๋ฐฑ์—”๋“œ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ์‹œ๊ฐ์ ์œผ๋กœ ๋””์ž์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ์ฒญ์‚ฌ์ง„์ด ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค AppMaster 30์ดˆ ์ด๋‚ด์— ์ƒˆ๋กœ์šด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„ธํŠธ๋ฅผ ์ƒ์„ฑํ•˜๋ฉฐ ์ฒ˜์Œ๋ถ€ํ„ฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ƒ์„ฑํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ์ˆ ์  ๋ถ€์ฑ„๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ AppMaster ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋ชจ๋“  PostgreSQL ํ˜ธํ™˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ํ•จ๊ป˜ ์ž‘๋™ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์—ฌ ๋†’์€ ๋กœ๋“œ ๋ฐ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ์ˆ˜์ค€ ์‚ฌ์šฉ ์‚ฌ๋ก€์— ๋Œ€ํ•œ ํ™•์žฅ์„ฑ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

AppMaster ์—์„œ PWA์˜ ๋ฐฐํฌ ํ”„๋กœ์„ธ์Šค๋Š” ํ”Œ๋žซํผ์ด ์ž๋™์œผ๋กœ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ปดํŒŒ์ผํ•˜๊ณ  ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ํด๋ผ์šฐ๋“œ์— ๋ฐฐํฌํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค(์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ๊ณ ๊ฐ์„ ์œ„ํ•œ ์„ ํƒ์  ์˜จํ”„๋ ˆ๋ฏธ์Šค ํ˜ธ์ŠคํŒ… ํฌํ•จ). ๋ฐฑ์—”๋“œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ Go(golang), Vue3 ํ”„๋ ˆ์ž„์›Œํฌ ๋ฐ JS/TS๊ฐ€ ์žˆ๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜, Android์šฉ Kotlin ๋ฐ Jetpack Compose, iOS์šฉ SwiftUI ์‚ฌ์šฉํ•˜๋Š” AppMaster ์„œ๋ฒ„ ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์žˆ๋Š” ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์„œ๋ฒ„ ๊ธฐ๋ฐ˜ ์ ‘๊ทผ ๋ฐฉ์‹์„ ํ†ตํ•ด ๊ณ ๊ฐ์€ Play Store ๋ฐ App Store์— ์ƒˆ ๋ฒ„์ „์„ ์ œ์ถœํ•˜์ง€ ์•Š๊ณ ๋„ ๋ชจ๋ฐ”์ผ ์•ฑ์˜ UI ๋ฐ ๋กœ์ง์„ ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์—…๋ฐ์ดํŠธ ํ”„๋กœ์„ธ์Šค๊ฐ€ ๋”์šฑ ๊ฐ„์†Œํ™”๋ฉ๋‹ˆ๋‹ค.

ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น ์•ฑ์€ ํ•œ ์ค„์˜ ์ฝ”๋“œ๋„ ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ  ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ์—์„œ ์ •๊ตํ•œ ์•ฑ๊ณผ ๊ฐ™์€ ๊ฒฝํ—˜์„ ๊ตฌ์ถ•ํ•˜๊ณ  ๋ฐฐํฌํ•˜๋ ค๋Š” ๊ธฐ์—…๊ณผ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋งค์šฐ ๋งค๋ ฅ์ ์ธ ์˜ต์…˜์ž…๋‹ˆ๋‹ค. AppMaster ์˜ ๊ฐ•๋ ฅํ•œ no-code ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•˜๋ฉด ํ™•์žฅ ๊ฐ€๋Šฅํ•˜๊ณ  ์„ฑ๋Šฅ์ด ์šฐ์ˆ˜ํ•˜๋ฉฐ ์œ ์ง€ ๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•œ PWA๋ฅผ ์ƒ์„ฑ ๋ฐ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ชจ๋“  ๊ฒƒ์ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ์†๋„๋ฅผ ์ตœ๋Œ€ 10๋ฐฐ, ๋น„์šฉ ํšจ์œจ์„ฑ์„ 3๋ฐฐ ๋†’์ผ ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„๋œ ํ†ตํ•ฉ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๋‚ด์—์„œ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.