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 хࢎ೤פ׮