์น ์ฑ๋ฅ ๊ฐ์ ์ ์๋๋ ์๋ค. ๊ฐ๋จํ ์ ์ ํ์ด์ง๋ค์ ์ต์ํ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ง ํฌํจํ๋๋ก ์๋ฒ ๋ ๋๋งํ ์ ์๋ค. ์ ์คํ๊ฒ ์ฌ์ฉ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๊ฐ์น๋ ํ์ด์ง๊ฐ ๋ณต์กํ ๋ ๋น์ ๋ฐํ๋ค.
Tag: PWA
Pinterest ํ๋ก๊ทธ๋์๋ธ ์น ์ฑ ์ฑ๋ฅ ์ผ์ด์ค ์คํฐ๋
Pinterest๊ฐ ๋ชจ๋ฐ์ผ ํ๋์จ์ด์์๋ ๋น ๋ฅด๊ฒ ๋ก๋๋ ์ ์๋๋ก ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐ๋ณ๊ฒ ํ๊ณ , ๋คํธ์ํฌ ํ๋ ฅ์ฑ์ ๊ฐ์ง ์ ์๋๋ก ์๋น์ค ์์ปค(Service Worker)๋ฅผ ๋์ ํ ๊ฒ์ ๋ํด ๋ค๋ฃฌ๋ค.
Tinder์ ํ๋ก๊ทธ๋์๋ธ ์น ์ฑ ์ฑ๋ฅ ์ผ์ด์ค ์คํฐ๋
Tinder๋ ์ต๊ทผ ์น ์ฑ์ ์ถ์ํ๋ค. (swiped right: ์์ดํฐ์ ๋ฐ์ด์ ์ ๊ธ ํด์ ์, Tinder ์ฑ์์ ์ฐ์ธก์ผ๋ก ๋ฐ์ด ๋ง์์ ๋๋ ์๋๋ฅผ ํ์ธํ๋ ๊ฒ์ ์ฐ์์ํค๋ ์ฌ๋ฌ ๊ฐ์ง ์๋๋ฅผ ํฌํจํ๋ค). Tinder Online์ ์๋ก์ด ๋ฐ์ํ ํ๋ก๊ทธ๋์๋ธ ์น ์ฑ(Progressive Web App)์ผ๋ก, ๋ฐ์คํฌํ๊ณผ ๋ชจ๋ฐ์ผ์ ๋ชจ๋ ์ฌ์ฉ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ฑ๋ฅ ์ต์ ํ, ๋คํธ์ํฌ ํ๋ณต์ฑ์ ์ํ ์๋น์ค ์์ปค(Service Worker) ๊ทธ๋ฆฌ๊ณ ์ฑํ ์ฐธ์ฌ๋ฅผ ๋์ธ ํธ์ ์๋ฆผ(Push Notifications)์ด ์ฃผ๋ ์ด์ ์ ๋๋ฆฌ๊ฒ ๋์๋ค. ์ค๋์ Tinder๊ฐ ์น ์ฑ๋ฅ์ ๋ํด ๋ฐฐ์ด ๊ฒ๋ค ์์๋ณด์.
ํ๋ก๊ทธ๋์๋ธ ์น์ฑ ์ฑ๋ฅ์ ๋ํ ๋ฆฌ์ํธ, ํ๋ฆฌ์ํธ ์ผ์ด์ค ์คํฐ๋ : Treebo
ํ๋ก ํธ์๋ ๋ฆฌ์ํธ ์ฑ๋ฅ ์ผ์ด์ค ์คํฐ๋. Treebo๋ ์ฅ๊ณ ๋ก ๋ง๋ค์ด์ ธ ์๋ ๊ธฐ์กด ๋ชจ๋ฐ์ผ ์ฌ์ดํธ์ ์ฑ๋ฅ์ ๊ฐ์ ํ๋ฉฐ ์ป์ ๊ฒฝํ์ ์ผ์ด์ค ์คํฐ๋๋ก ๊ณต์ ํ๋ค. ํ๋ก๊ทธ๋์๋ธ ์น ์ฑ์ ์ฑ๋ฅ ๊ฐ์ฌ ํฌ์ธํธ๋ก First Meaningful Paint, First Interactive, Consistenly Interactive ๋ฑ์ ๊ธฐ์ค์ผ๋ก, ์๋ฒ์ฌ์ด๋ ๋ ๋๋ง, ์ฝ๋ ๋ถํ , HTML ์คํธ๋ฆฌ๋ฐ, ์คํ์ผ ์ธ๋ผ์ด๋ ๋ฑ์ ์ ์ฉ์ด ์ด๋ป๊ฒ ์ํฅ์ ๋ฏธ์น๋์ง ์์๋ณธ๋ค.