μ°μ , μ΄λ κ² λλΌμ΄ λꡬλ₯Ό λ§λ€μ΄ μ£Όμ μ κ°μ¬ν©λλ€! Next.jsλ "λ μΈκ³μ μ₯μ μ λͺ¨λ μ 곡νλ"(λ¨μΌ νμ΄μ§ μ± λ° μλ² μΈ‘ λ λλ§) μΉ μ± κ΅¬μΆμ μν "κΏμ νλ μμν¬"μ²λΌ 보μ λλ€.
λμκ² Next.jsκ° μ½μμ μ΄ννλ λ° λμμ΄ λλ κ°μ₯ μ€μν λΆλΆμ νκ·Έλ νμ΄μ§μμ κ°λ¦¬ν΅λλ€.
μ€λͺ μμ λ°λ₯΄λ©΄ μ΄ κΈ°λ₯μ Chrome λ° Firefoxλ§ μ§μνλ APIμΈ Service Workerλ₯Ό μ¬μ©νμ¬ κ΅¬νλ©λλ€. μ΄κ²μ μΉ μ¬μ©μμ λ§μ λΆλΆμ΄ μ΄ νλ₯ν κΈ°λ₯μ νμ©νμ§ λͺ»νλ€λ κ²μ μλ―Έν©λλ€. λ΄κ° λκ°λ₯Ό λμΉκ³ μλμ§ λͺ¨λ₯΄κ² μ΄μ.
Service Workerλ₯Ό μ¬μ©νλ λμ λͺ¨λ μ΅μ λΈλΌμ°μ λ₯Ό μ§μνλ λ€λ₯Έ μ’ λ₯μ κΈ°μ μ μ¬μ©νμ¬ ν리νμΉλ₯Ό ꡬνν μ μμ΅λκΉ?
μ΄κ²μ μΉ μ¬μ©μμ λ§μ λΆλΆμ΄ μ΄ νλ₯ν κΈ°λ₯μ νμ©ν μ μλ€λ κ²μ μλ―Έν©λλ€.
μ΄κ²μ μ¬μ€μ΄ μλλλ€. μ°Έμ‘°: http://caniuse.com/#feat =serviceworkers
λΈλΌμ°μ λ μ΄ λ°©ν₯μΌλ‘ κ°κ³ μκ³ κ³§ λ°λΌ μ‘μ κ²μ
λλ€.
μ΄μ¨λ , μ°λ¦¬μ νμ¬ μ΄μ μ 2.0μ μΆμνλ κ²μ΄λ©° νμ¬ ν리νμΉ μ루μ
μ μ΄μ λν΄ κ½€ κΉλν©λλ€.
λκ΅°κ°κ° μ΄ μ μμ λν΄ μΌν μ μλ€λ©΄ μ°λ¦¬κ° κ±°μ ν μ΄μ κ° μλ€κ³ μκ°ν©λλ€.
(κ·Έλ¦¬κ³ μ¬μ©μ μμμμλ μμ ν κ°λ₯ν©λλ€)
μ λ μ¬κΈ°μ AppCacheλ₯Ό μ¬μ©νμ¬ μ§μμ νλνκΈ° μν λͺ κ°μ§ μμ΄λμ΄λ₯Ό μΈκΈνμ΅λλ€. https://github.com/zeit/next.js/issues/24#issuecomment -258804529
μ§λ λͺ λ λμ μ°λ¦¬μκ² λμμ΄ λ μμΉμ λͺ¨λ λΈλΌμ°μ μ λν΄ _μ§μ_μ μ 곡νμ§λ§ μ΅μ λΈλΌμ°μ μ λν΄μλ _μ΅μ ν_λ₯Ό μ 곡νλ κ²μ λλ€.
ν리νμΉμ μ΅μ νμ
λλ€. λ μ΄μ μ¬μ©λμ§ μμ μ΅μ νμ μ μ λ λ§μ μ½λλ₯Ό ν¬μνλ κ²μ(λͺ¨λ μ΅μ μ¬μ©μ μμ΄μ νΈκ° ServiceWorker
νκ±°λ μ§μν κ³νμ΄κΈ° λλ¬Έμ) μ’μ μ΄μ μμμ²λΌ 보μ΄μ§ μμ΅λλ€.
μνλ κ²½μ° next/prefetch
μ λμΌν APIλ₯Ό λ
ΈμΆνλ μ¬μ©μ μμ ν리νμΉ λͺ¨λμ μμ λ‘κ² μμ±νμμμ€. κΉλν μ μ next/prefetch
μ¬μ©νμ§ μμΌλ©΄ λΉλμ ν¬ν¨λμ§ μλλ€λ κ²μ
λλ€. λμΉ¨μ΄ μμ΄μ :)
κ°μ₯ μ μ©ν λκΈ
μ§λ λͺ λ λμ μ°λ¦¬μκ² λμμ΄ λ μμΉμ λͺ¨λ λΈλΌμ°μ μ λν΄ _μ§μ_μ μ 곡νμ§λ§ μ΅μ λΈλΌμ°μ μ λν΄μλ _μ΅μ ν_λ₯Ό μ 곡νλ κ²μ λλ€.
ν리νμΉμ μ΅μ νμ λλ€. λ μ΄μ μ¬μ©λμ§ μμ μ΅μ νμ μ μ λ λ§μ μ½λλ₯Ό ν¬μνλ κ²μ(λͺ¨λ μ΅μ μ¬μ©μ μμ΄μ νΈκ°
ServiceWorker
νκ±°λ μ§μν κ³νμ΄κΈ° λλ¬Έμ) μ’μ μ΄μ μμμ²λΌ 보μ΄μ§ μμ΅λλ€.μνλ κ²½μ°
next/prefetch
μ λμΌν APIλ₯Ό λ ΈμΆνλ μ¬μ©μ μμ ν리νμΉ λͺ¨λμ μμ λ‘κ² μμ±νμμμ€. κΉλν μ μnext/prefetch
μ¬μ©νμ§ μμΌλ©΄ λΉλμ ν¬ν¨λμ§ μλλ€λ κ²μ λλ€. λμΉ¨μ΄ μμ΄μ :)