Next.js는 정말 zero config였다.

Transcript

1. Next.jsח ੿݈ zero-config৓׮. 2019֙ 4ਘ 11ੌ ѐߊࣃఠझೖ஖ © RIDI Corp.

   ҅੿౱ ӣ੿Ӕ

2. 2 Next.jsо ޥо? Next.jsח ੿݈ zero-config৓׮. SSRਸ ӝࠄਵ۽ ೞח React

   ೐ۨ੐ਕ௼

3. 3 Next.jsо ޥо? Next.jsח ੿݈ zero-config৓׮. ೐ۨ੐ਕ௼ ׹ѱ ׮নೠ ӝמ

   ನೣೞҊ, zero-configܳ ૑ೱೠ׮.

4. 4 Next.jsо ޥо? Next.jsח ੿݈ zero-config৓׮. ਢ ղ ࢲ੤ী ѐߊೞݶࢲ

   SSRਸ ૑ਗೞѱ عणפ׮.

5. 5 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. zero-config ѐߊࢲߡ

6. 6 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. zero-config ೐۽؋࣌

   ࠽٘

7. 7 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. zero-config ೐۽؋࣌

   ࢲߡ

8. 8 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 2. ೂࠗೠ ӝמ

   - Populating Head(react-helmet) - Routing (react-router, react-redux-router) - Link Component - HOC (inject Router) - Programmatic Routing - Prefetching Page - Export for static page - ١١١

9. 9 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 3. ೂࠗೠ ࢤక҅

   Typesciptی ॳҊ र਷ؘਃ?

10. 10 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 3. ೂࠗೠ ࢤక҅

    Typesciptی ॳҊ र਷ؘਃ?

11. 11 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 3. ೂࠗೠ ࢤక҅

    SSR நद ೞҊ र਷ؘ…

12. 12 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 3. ೂࠗೠ ࢤక҅

    SSR நद ೞҊ र਷ؘ…

13. 13 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 3. ೂࠗೠ ࢤక҅

    Ӓ ৻ীب ׮নೠ ৘ઁ৬ ۄ੉࠳۞ܻٜ੉ ਍৔غҊ ੓׮. mobx, emotion, apollo ١١

14. 14 Next.js੄ ੢੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 4. ࢲߡ৬ ௿ۄܳ

    ҳ࠙ೞ૑ ঋইب غח ҳઑ

15. 15 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. ੿݈ zero-config

    (SSR) ݅ড, SSRਸ ՍҊ CSR۽ ਍৔ೞҊ रਵݶ যڌѱ ೞભ??

16. 16 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. ੿݈ zero-config

    (SSR) ݅ড, SSRਸ ՍҊ CSR۽ ਍৔ೞҊ रਵݶ যڌѱ ೞભ?? Ӓ۠ ӝמ਷ হणפ׮…. Next.jsח CSR Only۽ ਍৔ೡ ࣻо হযਃ. ࢚కо হח ੿੸ࢎ੉౟ۄݶ оמ

17. 17 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. ੿݈ zero-config

    (ۄ਋౴) ۄ਋౴ ߑधਸ ߄ԲҊ रযਃ.

18. 18 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. ੿݈ zero-config

    (ۄ਋౴) Next.js੄ ۄ਋౴ ߑध

19. 19 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. ੿݈ zero-config

    (ۄ਋౴) Parameterܳ pathী ֍যঠೡٸח..? Server Client

20. 20 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 1. ੿݈ zero-config

    (ۄ਋౴) ѾҴ ౵ੌ߬੉झ ӝמਸ ੹ࠗ ՍҊ ࣻزਵ۽ ҙܻ೧ঠ ೠ׮. ׮ܲ ߑधਸ ખ ଺ইࠌחؘ হ׮ :\

21. 21 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 2. ࢲߡ৬ ௿ۄܳ

    ҳ࠙ೞ૑ ঋח ҳઑ

22. 22 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 2. ࢲߡ৬ ௿ۄܳ

    ҳ࠙ೞ૑ ঋח ҳઑ Ӕؘ ঌইঠ غݶ??

23. 23 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 2. ࢲߡ৬ ௿ۄܳ

    ҳ࠙ೞ૑ ঋח ҳઑ

24. 24 Next.js੄ ױ੼(੉ۄ ו՛੼) Next.jsח ੿݈ zero-config৓׮. 2. ࢲߡ৬ ௿ۄܳ

    ҳ࠙ೞ૑ ঋח ҳઑ

25. 25 Ѿۿ Next.jsח ੿݈ zero-config৓׮. - Zeitۄח ഥࢎীࢲ ੿݈ ৌब൤

    ҙܻೠ׮. - ࢤక҅ ೂࠗೞҊ ۞׬ ழ࠳ب ծ਷ ಞ੉׮. SSR ҃೷੉ হਸ ٸ بੑ೧ঠೞݶ Ҋ۰ೡ݅ೞ׮. - ஂೱਸ ఋח ҳઑо ઓ੤ೠ׮. Ӓؘ۠ ӒѦ ஂೱী ݏѱ ࣻ੿ೡ ࣻо হ׮. - zero-configۄࢲ ழझథೡ ࣻ ੓ח Ѫب zero-config׮. - ೠߣ ೧ࠌ׮Ҋ “૒੽ ҳഅೞח Ѫب જ૑ ঋਸө”ۄח ࢤп੉ ٚ׮.

26. 26 Q & A

27. 27 Next.jsীࢲ CSR۽ ਍৔ೞӝ!! Next.jsח ੿݈ zero-config৓׮. ୐ ಕ੉૑ SSR

    ੉റࠗఠח CSR۽ ੹ജػ׮.

28. 28 Next.jsীࢲ CSR۽ ਍৔ೞӝ!! Next.jsח ੿݈ zero-config৓׮. Next.js੄ exportӝמਸ ࢎਊ೧ࢲ

    ࠼ index.html ಕ੉૑ܳ ݅ٚ׮

29. 29 Next.jsীࢲ CSR۽ ਍৔ೞӝ!! Next.jsח ੿݈ zero-config৓׮. ࠼ ಕ੉૑ܳ ٜ݅যࢲ

    ݽٚ URIܳ ࠼ಕ੉૑۽ োѾदఅ׮. with s3, cloudfront

30. 30 Next.jsীࢲ CSR۽ ਍৔ೞӝ!! Next.jsח ੿݈ zero-config৓׮. ࠼ ಕ੉૑ী ٜযоݶ

    pathܳ ੍য ৢ߄ܲ ಕ੉૑۽ redirectೠ׮.

31. 31 Next.jsীࢲ CSR۽ ਍৔ೞӝ!! Next.jsח ੿݈ zero-config৓׮. ౟ܼ੄ ൔ੸

32. 32 THANK YOU хࢎ೤פ׮