μ΄ λ κ°λ μ μ€λ³΅λμ΄ λ³΄μ λλ€. κ·Έλ¦¬κ³ V1μμ μμ ν μ λ ¬λμ§ μμμμ μμ¬νλ λͺ κ°μ§ λ¬Έμ λ₯Ό 보μμ΅λλ€. λκ΅°κ°κ° μμ λ°©λ²κ³Ό μν λ°©λ²μ λͺ νν ν μ μμ΅λκΉ?
1) λ μ΄μμκ³Ό ν νλ¦Ώ κ΅¬μ± μμκ° λͺ¨λ μ‘΄μ¬νλ μ΄μ λ 무μμ λκΉ?
1) μ½ν μΈ μ λ체 λ μ΄μμμ μ΄λ»κ² μ νν©λκΉ? (λΈλ‘κ·Έ μ€νν°μμ frontmatter νλλ₯Ό 보μμ§λ§ μ€μ ν¨κ³Όλ₯Ό μΆμ ν μλ μμμ΅λλ€. μ΄μ¨λ μ΄κ²μ λ΄μ₯λ frontmatter μ¬μ μκ° μλλΌ createPagesμμ νλ κ²κ³Ό κ°μ΅λλ€. κ·Έλ μ§?)
2) μ€μ²© ν νλ¦Ώμ μ΄λ»κ² μλν©λκΉ? λλ μ΄λ»κ² μλν΄μΌ ν©λκΉ? λλ λ€λ₯Έ νμ΄μ§μ λν΄ λ€λ₯Έ ν νλ¦Ώ κ΅¬μ± μμλ₯Ό μ νν μ μλ€λ©΄ μ νμν©λκΉ?
κ°μ¬ ν΄μ!
re 1) ν νλ¦Ώ κ΅¬μ± μμλ λΈλ‘κ·Έ κ²μλ¬Ό, λ¬Έμ νμ΄μ§ λ±κ³Ό κ°μ νμ΄μ§ μ νμ μν κ²μ λλ€. λ μ΄μμ κ΅¬μ± μμλ 머리κΈ, λ°λ₯κΈ, μ¬μ΄λλ° λ±κ³Ό κ°μ νμ΄μ§μμ 곡μ λλ λͺ¨λ κ²μ μν κ²μ λλ€. λ λ€ λ§€μ° λ€λ₯΄κΈ° λλ¬Έμ νμν©λλ€ :-) https://www.gatsbyjs.org/docs/building-with-components/ λ μ½μ΄
2) μ§κΈμ ν μ μμ΅λλ€. μ΄κ²μ μ°λ¦¬κ° μμΌλ‘ μ§μν κ²μ
λλ€. μ΄λ¬ν μ£Όμ λΆμΌλ μ€λλμ΄ μ¬μ©λμ§ μμμ΅λλ€. λ―Έμν©λλ€. λ°©κΈ μ κ±°νμ΅λλ€. λ§ν¬λ€μ΄ κ²μλ¬Όμ createPage
λ‘ μμ±λλ―λ‘ λ§ν¬λ€μ΄ κ²μλ¬Όμ΄ κΈ°λ³Έ λ μ΄μμμ μ¬μ μνλλ‘ νμ©νλ ν κ°μ§ κ°λ₯ν λ°©λ²μ frontmatterλ₯Ό μ¬μ©νμ¬ λ μ΄μμμ μ ννλ κ²μ
λλ€.
re 3) λν μμ§ μ§μλμ§λ μμ§λ§ ν₯ν κ³νλ©λλ€. ν κ°μ§ μ¬μ© μ¬λ‘λ 머리κΈ/λ°λ₯κΈμ΄ μλ μ μ λ μ΄μμκ³Ό 보쑰 μ¬μ΄λλ° νμμ΄ μλ μ¬μ΄νΈμ νμ μΉμ μ΄ μλ κ²μ λλ€.
λ μ΄μμμ λ€λ₯Έ ν νλ¦Ώμ μ μ΄νκ³ Nav, Footer...μ κ°μ μ μ κ΅¬μ± μμλ₯Ό μ λ¬νλ κ³ μ°¨ ν νλ¦ΏμΌλ‘ μ¬μ©νκ³ νΉμ ν νλ¦Ώμ μ¬μ©νμ¬ λ΄μ©μ μ°¨λ³νν μ μμ΅λλ€. μλ₯Ό λ€μ΄ νμ λͺ¨μκ³Ό λ°λ₯κΈμ΄ μλ λ μ΄μμ νλμ νμ΄μ§ λ° λΈλ‘κ·ΈλΌλ ν νλ¦Ώ λ κ°λ₯Ό λ§λ κ²½μ° νμ΄μ§μ λΈλ‘κ·Έλ λͺ¨λ λ μ΄μμμμ νμ λͺ¨μ λ°λ₯κΈμ κ°μ Έμ€κ³ κ·Έ μμ λ€λ₯Έ μ½ν μΈ λ₯Ό ν¬ν¨ν©λλ€.
λλΆμ λ¬Έμ κ° ν΄κ²°λμμ΅λλ€. π
κ°μ₯ μ μ©ν λκΈ
λ μ΄μμμ λ€λ₯Έ ν νλ¦Ώμ μ μ΄νκ³ Nav, Footer...μ κ°μ μ μ κ΅¬μ± μμλ₯Ό μ λ¬νλ κ³ μ°¨ ν νλ¦ΏμΌλ‘ μ¬μ©νκ³ νΉμ ν νλ¦Ώμ μ¬μ©νμ¬ λ΄μ©μ μ°¨λ³νν μ μμ΅λλ€. μλ₯Ό λ€μ΄ νμ λͺ¨μκ³Ό λ°λ₯κΈμ΄ μλ λ μ΄μμ νλμ νμ΄μ§ λ° λΈλ‘κ·ΈλΌλ ν νλ¦Ώ λ κ°λ₯Ό λ§λ κ²½μ° νμ΄μ§μ λΈλ‘κ·Έλ λͺ¨λ λ μ΄μμμμ νμ λͺ¨μ λ°λ₯κΈμ κ°μ Έμ€κ³ κ·Έ μμ λ€λ₯Έ μ½ν μΈ λ₯Ό ν¬ν¨ν©λλ€.