Gatsby: Gatsby λŒ€ HTML νŽ˜μ΄μ§€ (헀더 / ν‘Έν„° λ“± PHP둜 λΆ„ν• )

에 λ§Œλ“  2018λ…„ 09μ›” 24일  Β·  1논평  Β·  좜처: gatsbyjs/gatsby

GatsbyλŠ” ν™˜μƒμ μœΌλ‘œ 보이며 μ‹œλ„ν•΄ λ³Ό λΆ€μˆ˜ ν”„λ‘œμ νŠΈλ₯Ό μ°Ύκ³  μžˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ μ•„λž˜ μ‹œλ‚˜λ¦¬μ˜€κ°€ Gatsby μ—κ²Œ μ ν•©ν•œ 지 κ³Όμž‰ 인지에 λŒ€ν•΄ λ†€λžκ²Œλ„ ν˜Όλž€ μŠ€λŸ¬μ› μŠ΅λ‹ˆλ‹€. λ‹Ήμ‹ μ˜ 생각을 κ³΅μœ ν•΄ μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ?

지역 λΉ„μ¦ˆλ‹ˆμŠ€λ₯Όμœ„ν•œ κ°„λ‹¨ν•œ 정적 μ›Ή μ‚¬μ΄νŠΈλ₯Ό λ§Œλ“€μ–΄μ•Όν•©λ‹ˆλ‹€.

  • "λ””μžμΈ"은 ꡬ맀 ν•œ HTML ν…œν”Œλ¦Ώμ—μ„œ κ°€μ Έμ˜¨ κ²ƒμž…λ‹ˆλ‹€.
  • "μ½˜ν…μΈ "λŠ” μ•½ 20 개의 κ°„λ‹¨ν•œ νŽ˜μ΄μ§€ (예 : About, Services λ“±)둜 μ˜ˆμƒλ˜λ©°, μΌλΆ€λŠ” 제좜 양식 (μ—°λ½μ²˜)이 μžˆμ§€λ§Œ λΈ”λ‘œκ·Έ κ²Œμ‹œλ¬Όμ²˜λŸΌ 동적 인 νŽ˜μ΄μ§€λŠ” μ—†μŠ΅λ‹ˆλ‹€.
  • 기업은 μ–΄λŠ μ‹œμ μ—μ„œ μƒˆλ‘œμš΄ λ‹¨μˆœ νŽ˜μ΄μ§€λ₯Ό μΆ”κ°€ν•˜κ±°λ‚˜ κΈ°μ‘΄ νŽ˜μ΄μ§€μ—μ„œ λ¬Έμž₯을 νŽΈμ§‘ν•˜κΈ°λ‘œ κ²°μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 개발자 (λ‚˜)λŠ” μ΄μƒμ μœΌλ‘œ μ΄λŸ¬ν•œ λ‹¨μˆœ μž‘μ—…μ— ν•„μš”ν•˜μ§€ μ•Šμ•„μ•Όν•©λ‹ˆλ‹€.

PHP μžμ²΄μ— λŒ€ν•œ κ²½ν—˜μ€ μ—†μ§€λ§Œ κ°€μž₯ μ ν•©ν•œ (그리고 전톡적인) μ ‘κ·Ό 방식은 HTML ν…œν”Œλ¦Ώμ„ php μ„Ήμ…˜ (header.php, footer.php λ“±)으둜 λΆ„ν•  ν•œ λ‹€μŒ κ³„μ†ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€. κ°œλ³„ νŽ˜μ΄μ§€λ₯Ό λ§Œλ“­λ‹ˆλ‹€. 그런 λ‹€μŒ λΉ„μ¦ˆλ‹ˆμŠ€ μ†Œμœ μžλŠ” λ©”λͺ¨μž₯μ—μ„œ 직접 λ³€κ²½ν•˜κ±°λ‚˜ κΈ°μ‘΄ νŽ˜μ΄μ§€λ₯Ό λ³΅μ‚¬ν•˜κ³  파일 이름을 λ³€κ²½ν•˜κ³  μ½˜ν…μΈ λ₯Ό λ³€κ²½ (μƒˆ νŽ˜μ΄μ§€λ₯Ό κ°€μ Έ 였기 μœ„ν•΄) ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

κ°œλ°œμžλ‘œμ„œ μ €λŠ” Gatsby와 ν•¨κ»˜ μ œκ³΅λ˜λŠ” λͺ¨λ“  멋진 κΈ°λŠ₯에 λŒ€ν•΄ 맀우 ν₯λΆ„λ©λ‹ˆλ‹€.
κ·ΈλŸ¬λ‚˜ μ‹€μ œλ‘œλŠ” μ΄λŸ¬ν•œ κΈ°λŠ₯ (예 : 미리 κ°€μ Έ 였기 νŽ˜μ΄μ§€)이 λΉ„μ¦ˆλ‹ˆμŠ€ μ†Œμœ μžμ—κ²Œ λˆˆμ— λ„κ²Œ κ°œμ„  될 수 μžˆλŠ”μ§€ κΆκΈˆν•©λ‹ˆλ‹€ (예 : 100ms λŒ€μ‹  500ms에 νŽ˜μ΄μ§€λ‘œλ“œ). λ˜ν•œ 사업주가 슀슀둜 λΉŒλ“œν•˜λŠ” 것은 말할 것도없고 λ³€κ²½ν•˜κΈ°κ°€ 맀우 μ–΄λ ΅λ‹€λŠ” 것을 μ•Œκ²Œ 될까 봐 κ±±μ •λ©λ‹ˆλ‹€.

μœ„μ™€ 같은 ν”„λ‘œμ νŠΈμ— Gatsbyλ₯Ό μΆ”μ²œ ν•˜μ‹œκ² μŠ΅λ‹ˆκΉŒ?

question or discussion

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

μ•ˆλ…•ν•˜μ„Έμš” @stoberov , μ €λŠ” κ°œμΈ λΉ„κ°€ λ‹€κ°€μ˜€λŠ” μ‚¬μ΄νŠΈμ—μ„œ μ‚¬μš©ν•  ν›Œλ₯­ν•œ ν”„λ ˆμž„ μ›Œν¬κ°€ 될 수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.
λ¨Όμ € gatsby의 μ£Όμš” κ°œλ…μ— λŒ€ν•œ 쒋은 μ†Œκ°œλ₯Ό μ œκ³΅ν•˜κ³  (맀우 κ°„λ‹¨ν•œ) 예제 μ‚¬μ΄νŠΈλ₯Ό μ‹œμž‘ν•˜κ³  μ‹€ν–‰ν•  수 μžˆλ„λ‘ ν˜„μž¬ μžμŠ΅μ„œ λ₯Ό μ‚΄νŽ΄ λ³΄λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

λ‚΄μš©μ— κ΄€ν•΄μ„œλŠ” κ·Έ ν”„λ‘œμ„ΈμŠ€λ₯Ό κ΄€λ¦¬ν•˜κΈ° μ‰½κ²Œ λ§Œλ“œλŠ” μ—¬λŸ¬ 가지 방법이 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ 마크 λ‹€μš΄ νŒŒμΌμ„ μ‚¬μš©ν•˜μ—¬ μ½”λ“œ μžμ²΄μ— μ½˜ν…μΈ λ₯Ό 포함 ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ„Έ 번째 μš”κ΅¬ 사항이 주어지면 CMS κ°€ 더 ν•©λ¦¬μ μ΄λ―€λ‘œ λΉ„μ¦ˆλ‹ˆμŠ€ μ†Œμœ μžκ°€ μ½˜ν…μΈ λ₯Ό μ—…λ°μ΄νŠΈ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. κ²€ν† ν•˜κ³  μ‹œμž‘ν•  μˆ˜μžˆλŠ” 이미 μ‘΄μž¬ν•˜λŠ” λͺ‡ 가지 μ˜ˆκ°€ μžˆμŠ΅λ‹ˆλ‹€.

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

μ•ˆλ…•ν•˜μ„Έμš” @stoberov , μ €λŠ” κ°œμΈ λΉ„κ°€ λ‹€κ°€μ˜€λŠ” μ‚¬μ΄νŠΈμ—μ„œ μ‚¬μš©ν•  ν›Œλ₯­ν•œ ν”„λ ˆμž„ μ›Œν¬κ°€ 될 수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.
λ¨Όμ € gatsby의 μ£Όμš” κ°œλ…μ— λŒ€ν•œ 쒋은 μ†Œκ°œλ₯Ό μ œκ³΅ν•˜κ³  (맀우 κ°„λ‹¨ν•œ) 예제 μ‚¬μ΄νŠΈλ₯Ό μ‹œμž‘ν•˜κ³  μ‹€ν–‰ν•  수 μžˆλ„λ‘ ν˜„μž¬ μžμŠ΅μ„œ λ₯Ό μ‚΄νŽ΄ λ³΄λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

λ‚΄μš©μ— κ΄€ν•΄μ„œλŠ” κ·Έ ν”„λ‘œμ„ΈμŠ€λ₯Ό κ΄€λ¦¬ν•˜κΈ° μ‰½κ²Œ λ§Œλ“œλŠ” μ—¬λŸ¬ 가지 방법이 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ 마크 λ‹€μš΄ νŒŒμΌμ„ μ‚¬μš©ν•˜μ—¬ μ½”λ“œ μžμ²΄μ— μ½˜ν…μΈ λ₯Ό 포함 ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ„Έ 번째 μš”κ΅¬ 사항이 주어지면 CMS κ°€ 더 ν•©λ¦¬μ μ΄λ―€λ‘œ λΉ„μ¦ˆλ‹ˆμŠ€ μ†Œμœ μžκ°€ μ½˜ν…μΈ λ₯Ό μ—…λ°μ΄νŠΈ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. κ²€ν† ν•˜κ³  μ‹œμž‘ν•  μˆ˜μžˆλŠ” 이미 μ‘΄μž¬ν•˜λŠ” λͺ‡ 가지 μ˜ˆκ°€ μžˆμŠ΅λ‹ˆλ‹€.

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