Gatsby: λ ˆμ΄μ•„μ›ƒ 및 ν…œν”Œλ¦Ώ - ν˜„μž¬ μ–΄λ–»κ²Œ μž‘λ™ν•˜λ©° μ–΄λ–»κ²Œ μž‘λ™ν•©λ‹ˆκΉŒ?

에 λ§Œλ“  2017λ…„ 07μ›” 11일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: gatsbyjs/gatsby

이 두 κ°œλ…μ€ μ€‘λ³΅λ˜μ–΄ λ³΄μž…λ‹ˆλ‹€. 그리고 V1μ—μ„œ μ™„μ „νžˆ μ •λ ¬λ˜μ§€ μ•Šμ•˜μŒμ„ μ‹œμ‚¬ν•˜λŠ” λͺ‡ 가지 문제λ₯Ό λ³΄μ•˜μŠ΅λ‹ˆλ‹€. λˆ„κ΅°κ°€κ°€ μž‘μ—… 방법과 μˆ˜ν–‰ 방법을 λͺ…ν™•νžˆ ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

1) λ ˆμ΄μ•„μ›ƒκ³Ό ν…œν”Œλ¦Ώ ꡬ성 μš”μ†Œκ°€ λͺ¨λ‘ μ‘΄μž¬ν•˜λŠ” μ΄μœ λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ?

1) μ½˜ν…μΈ μ˜ λŒ€μ²΄ λ ˆμ΄μ•„μ›ƒμ„ μ–΄λ–»κ²Œ μ„ νƒν•©λ‹ˆκΉŒ? (λΈ”λ‘œκ·Έ μŠ€νƒ€ν„°μ—μ„œ frontmatter ν•„λ“œλ₯Ό λ³΄μ•˜μ§€λ§Œ μ‹€μ œ 효과λ₯Ό 좔적할 μˆ˜λŠ” μ—†μ—ˆμŠ΅λ‹ˆλ‹€. μ–΄μ¨Œλ“  이것은 λ‚΄μž₯된 frontmatter μž¬μ •μ˜κ°€ μ•„λ‹ˆλΌ createPagesμ—μ„œ ν•˜λŠ” 것과 κ°™μŠ΅λ‹ˆλ‹€. 그렇지?)

2) 쀑첩 ν…œν”Œλ¦Ώμ€ μ–΄λ–»κ²Œ μž‘λ™ν•©λ‹ˆκΉŒ? λ˜λŠ” μ–΄λ–»κ²Œ μž‘λ™ν•΄μ•Ό ν•©λ‹ˆκΉŒ? λ˜λŠ” λ‹€λ₯Έ νŽ˜μ΄μ§€μ— λŒ€ν•΄ λ‹€λ₯Έ ν…œν”Œλ¦Ώ ꡬ성 μš”μ†Œλ₯Ό 선택할 수 μžˆλ‹€λ©΄ μ™œ ν•„μš”ν•©λ‹ˆκΉŒ?

감사 ν•΄μš”!

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ ˆμ΄μ•„μ›ƒμ„ λ‹€λ₯Έ ν…œν”Œλ¦Ώμ„ μ œμ–΄ν•˜κ³  Nav, Footer...와 같은 μ „μ—­ ꡬ성 μš”μ†Œλ₯Ό μ „λ‹¬ν•˜λŠ” κ³ μ°¨ ν…œν”Œλ¦ΏμœΌλ‘œ μ‚¬μš©ν•˜κ³  νŠΉμ • ν…œν”Œλ¦Ώμ„ μ‚¬μš©ν•˜μ—¬ λ‚΄μš©μ„ 차별화할 수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ 탐색 λͺ¨μŒκ³Ό λ°”λ‹₯글이 μžˆλŠ” λ ˆμ΄μ•„μ›ƒ ν•˜λ‚˜μ™€ νŽ˜μ΄μ§€ 및 λΈ”λ‘œκ·ΈλΌλŠ” ν…œν”Œλ¦Ώ 두 개λ₯Ό λ§Œλ“  경우 νŽ˜μ΄μ§€μ™€ λΈ”λ‘œκ·ΈλŠ” λͺ¨λ‘ λ ˆμ΄μ•„μ›ƒμ—μ„œ 탐색 λͺ¨μŒ λ°”λ‹₯글을 κ°€μ Έμ˜€κ³  κ·Έ μ•ˆμ— λ‹€λ₯Έ μ½˜ν…μΈ λ₯Ό ν¬ν•¨ν•©λ‹ˆλ‹€.

λͺ¨λ“  3 λŒ“κΈ€

re 1) ν…œν”Œλ¦Ώ ꡬ성 μš”μ†ŒλŠ” λΈ”λ‘œκ·Έ κ²Œμ‹œλ¬Ό, λ¬Έμ„œ νŽ˜μ΄μ§€ λ“±κ³Ό 같은 νŽ˜μ΄μ§€ μœ ν˜•μ„ μœ„ν•œ κ²ƒμž…λ‹ˆλ‹€. λ ˆμ΄μ•„μ›ƒ ꡬ성 μš”μ†ŒλŠ” 머리글, λ°”λ‹₯κΈ€, μ‚¬μ΄λ“œλ°” λ“±κ³Ό 같은 νŽ˜μ΄μ§€μ—μ„œ κ³΅μœ λ˜λŠ” λͺ¨λ“  것을 μœ„ν•œ κ²ƒμž…λ‹ˆλ‹€. λ‘˜ λ‹€ 맀우 λ‹€λ₯΄κΈ° λ•Œλ¬Έμ— ν•„μš”ν•©λ‹ˆλ‹€ :-) https://www.gatsbyjs.org/docs/building-with-components/ 도 읽어

2) μ§€κΈˆμ€ ν•  수 μ—†μŠ΅λ‹ˆλ‹€. 이것은 μš°λ¦¬κ°€ μ•žμœΌλ‘œ 지원할 κ²ƒμž…λ‹ˆλ‹€. μ΄λŸ¬ν•œ μ£Όμš” λΆ„μ•ΌλŠ” μ˜€λž˜λ˜μ–΄ μ‚¬μš©λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. λ―Έμ•ˆν•©λ‹ˆλ‹€. 방금 μ œκ±°ν–ˆμŠ΅λ‹ˆλ‹€. λ§ˆν¬λ‹€μš΄ κ²Œμ‹œλ¬Όμ€ createPage 둜 μƒμ„±λ˜λ―€λ‘œ λ§ˆν¬λ‹€μš΄ κ²Œμ‹œλ¬Όμ΄ κΈ°λ³Έ λ ˆμ΄μ•„μ›ƒμ„ μž¬μ •μ˜ν•˜λ„λ‘ ν—ˆμš©ν•˜λŠ” ν•œ 가지 κ°€λŠ₯ν•œ 방법은 frontmatterλ₯Ό μ‚¬μš©ν•˜μ—¬ λ ˆμ΄μ•„μ›ƒμ„ μ„ νƒν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.

re 3) λ˜ν•œ 아직 μ§€μ›λ˜μ§€λŠ” μ•Šμ§€λ§Œ ν–₯ν›„ κ³„νšλ©λ‹ˆλ‹€. ν•œ 가지 μ‚¬μš© μ‚¬λ‘€λŠ” 머리글/λ°”λ‹₯글이 μžˆλŠ” μ „μ—­ λ ˆμ΄μ•„μ›ƒκ³Ό 보쑰 μ‚¬μ΄λ“œλ°” 탐색이 μžˆλŠ” μ‚¬μ΄νŠΈμ˜ ν•˜μœ„ μ„Ήμ…˜μ΄ μžˆλŠ” κ²ƒμž…λ‹ˆλ‹€.

λ ˆμ΄μ•„μ›ƒμ„ λ‹€λ₯Έ ν…œν”Œλ¦Ώμ„ μ œμ–΄ν•˜κ³  Nav, Footer...와 같은 μ „μ—­ ꡬ성 μš”μ†Œλ₯Ό μ „λ‹¬ν•˜λŠ” κ³ μ°¨ ν…œν”Œλ¦ΏμœΌλ‘œ μ‚¬μš©ν•˜κ³  νŠΉμ • ν…œν”Œλ¦Ώμ„ μ‚¬μš©ν•˜μ—¬ λ‚΄μš©μ„ 차별화할 수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ 탐색 λͺ¨μŒκ³Ό λ°”λ‹₯글이 μžˆλŠ” λ ˆμ΄μ•„μ›ƒ ν•˜λ‚˜μ™€ νŽ˜μ΄μ§€ 및 λΈ”λ‘œκ·ΈλΌλŠ” ν…œν”Œλ¦Ώ 두 개λ₯Ό λ§Œλ“  경우 νŽ˜μ΄μ§€μ™€ λΈ”λ‘œκ·ΈλŠ” λͺ¨λ‘ λ ˆμ΄μ•„μ›ƒμ—μ„œ 탐색 λͺ¨μŒ λ°”λ‹₯글을 κ°€μ Έμ˜€κ³  κ·Έ μ•ˆμ— λ‹€λ₯Έ μ½˜ν…μΈ λ₯Ό ν¬ν•¨ν•©λ‹ˆλ‹€.

덕뢄에 λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€. πŸ˜€

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰