PWA(Progressive Web App)

๐Ÿ”น PWA(Progressive Web App)๋ž€?

PWA๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์ฒ˜๋Ÿผ ๋™์ž‘ํ•˜๋„๋ก ๋งŒ๋“œ๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ์ฃผ์š” ํŠน์ง•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:
โœ” ์˜คํ”„๋ผ์ธ ์ง€์› (Service Worker ์‚ฌ์šฉ)
โœ” ํ‘ธ์‹œ ์•Œ๋ฆผ ์ง€์›
โœ” ๋น ๋ฅธ ๋กœ๋”ฉ ์†๋„ (์บ์‹ฑ ๊ธฐ์ˆ  ํ™œ์šฉ)
โœ” ์•ฑ ์„ค์น˜ ๊ฐ€๋Šฅ (ํ™ˆ ํ™”๋ฉด์— ์ถ”๊ฐ€)
โœ” ๋ฐ˜์‘ํ˜• ๋””์ž์ธ (๋ชจ๋ฐ”์ผ, ํƒœ๋ธ”๋ฆฟ, ๋ฐ์Šคํฌํ†ฑ ์ตœ์ ํ™”)


๐Ÿ”น PWA for WP ํ”Œ๋Ÿฌ๊ทธ์ธ์˜ ์ฃผ์š” ๊ธฐ๋Šฅ

  1. ๊ฐ„๋‹จํ•œ ์„ค์ • โ€“ WordPress ๊ด€๋ฆฌ์ž์—์„œ ์‰ฝ๊ฒŒ ์„ค์ • ๊ฐ€๋Šฅ
  2. ์˜คํ”„๋ผ์ธ ์ง€์› โ€“ ๋ฐฉ๋ฌธ์ž๊ฐ€ ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ์ด ์—†์–ด๋„ ์›น์‚ฌ์ดํŠธ ์‚ฌ์šฉ ๊ฐ€๋Šฅ
  3. ํ‘ธ์‹œ ์•Œ๋ฆผ โ€“ ์‚ฌ์šฉ์ž์—๊ฒŒ ์‹ค์‹œ๊ฐ„ ์•Œ๋ฆผ ์ „์†ก ๊ฐ€๋Šฅ
  4. ํ™ˆ ํ™”๋ฉด์— ์ถ”๊ฐ€ ๊ธฐ๋Šฅ โ€“ ๋ฐฉ๋ฌธ์ž๊ฐ€ PWA๋ฅผ ์•ฑ์ฒ˜๋Ÿผ ์„ค์น˜ ๊ฐ€๋Šฅ
  5. SEO ์นœํ™”์  โ€“ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ์œ ์ง€
  6. ์ปค์Šคํ…€ ์Šคํ”Œ๋ž˜์‹œ ์Šคํฌ๋ฆฐ โ€“ ๋กœ๋”ฉ ํ™”๋ฉด ๋งž์ถค ์„ค์ •

๐Ÿ”น ์„ค์น˜ ๋ฐฉ๋ฒ•

  1. WordPress ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€์—์„œ “PWA for WP” ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๊ฒ€์ƒ‰ ํ›„ ์„ค์น˜
  2. “PWA for WP” ์„ค์ • ํŽ˜์ด์ง€์—์„œ ๊ธฐ๋ณธ ์„ค์ • ์ ์šฉ
  3. ์„œ๋น„์Šค ์›Œ์ปค(Service Worker) ํ™œ์„ฑํ™”
  4. ์•„์ด์ฝ˜, ์Šคํ”Œ๋ž˜์‹œ ํ™”๋ฉด, ํ‘ธ์‹œ ์•Œ๋ฆผ ์„ค์ • ์ถ”๊ฐ€

๐Ÿ”น PWA๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์€ ์ 

โœ… ๋ชจ๋ฐ”์ผ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ํ–ฅ์ƒ
โœ… ๋น ๋ฅธ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ๋ฐ ๋‚ฎ์€ ์ดํƒˆ๋ฅ 
โœ… ์•ฑ์Šคํ† ์–ด ์—†์ด ์„ค์น˜ ๊ฐ€๋Šฅ
โœ… SEO์— ์œ ๋ฆฌ (๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ์ˆœ์œ„ ํ–ฅ์ƒ)

๐Ÿ‘‰ WordPress ์‚ฌ์ดํŠธ๋ฅผ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์ฒ˜๋Ÿผ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค๋ฉด PWA for WP๋ฅผ ๊ณ ๋ คํ•ด๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Leave a Comment