Home > Archive > Spring & Spring Boots > πŸƒ[Spring] 정적 컨텐츠

πŸƒ[Spring] 정적 컨텐츠
Spring Framework

정적 컨텐츠.

웹을 κ°œλ°œν•œλ‹€λŠ” 것은 크게 3κ°€μ§€ λ°©λ²•μœΌλ‘œ λ‚˜λ‰©λ‹ˆλ‹€.

  1. 정적 컨텐츠: μ„œλ²„μ—μ„œμ˜ 별닀λ₯Έ μž‘μ—… 없이 νŒŒμΌμ„ μ›Ή λΈŒλΌμš°μ €μ— κ·ΈλŒ€λ‘œ λ‚΄λ €μ£ΌλŠ” 것 μž…λ‹ˆλ‹€.
  2. MVC와 ν…œν”Œλ¦Ώ μ—”μ§„: JSP, PHP λ“± ν™œμš©ν•˜μ—¬ HTML을 κ·Έλƒ₯ μ£ΌλŠ” 것이 μ•„λ‹ˆλΌ μ„œλ²„μ—μ„œ ν”„λ‘œκ·Έλž˜λ°μ„ ν•΄μ„œ HTML을 λ™μ μœΌλ‘œ λ°”κΏ”μ„œ λ‚΄λ €μ£ΌλŠ” 것을 ν…œν”Œλ¦Ώ 엔진이라고 λ§ν•˜λ©°, 그것을 ν•˜κΈ° μœ„ν•˜μ—¬ Model-View(ν…œν”Œλ¦Ώ μ—”μ§„ ν™”λ©΄)-Controller 이 μ„Έκ°€μ§€λ₯Ό MVC라고 ν•©λ‹ˆλ‹€.
  3. API: JSONμ΄λΌλŠ” 데이터ꡬ쑰 포맷으둜 ν΄λΌμ΄μ–ΈνŠΈμ—κ²Œ 데이터λ₯Ό μ „λ‹¬ν•˜λŠ” 것이 보톡 API 방식이라고 ν•©λ‹ˆλ‹€.

β€œμŠ€ν”„λ§ λΆ€νŠΈλŠ” μžλ™μœΌλ‘œ 정적 컨텐츠 κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.”

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" conten="text/html"; charset="UTF-8" />
  <title>Static Content</title>
</head>
<body>
정적 컨텐츠 μž…λ‹ˆλ‹€.
</body>
</html>

  • Spring Boot Docs에 λ‹€μŒκ³Ό 같이 λͺ…μ‹œλ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. β€œκΈ°λ³Έμ μœΌλ‘œ Spring BootλŠ” \static μ΄λΌλŠ” λ””λ ‰ν„°λ¦¬μ—μ„œ 정적 μ½˜ν…μΈ λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.”

Spring Boot Docs - Static Content μ°Έκ³ ν•΄μ£Όμ„Έμš”.

β€œμœ„ 그림은 큰 κ°œλ…μ„ 작기 μœ„ν•˜μ—¬ μ΄ν•΄ν•˜κΈ° μ‰½κ²Œ κ·Έλ¦° κ·Έλ¦Όμž…λ‹ˆλ‹€.”
Spring MVCλ₯Ό 본격적으둜 ν•™μŠ΅ν•˜λ©΄μ„œ 깊이있게 λ“€μ–΄κ°€κ²Œ 되면 이 내뢀에 μ—¬λŸ¬κ°€μ§€κ°€ 많이 λ‚˜μ˜€κ²Œ λ©λ‹ˆλ‹€.
μ§€κΈˆ 이 ν¬μŠ€νŒ…μ˜ λͺ©μ  μžμ²΄λŠ” β€œλ””ν…ŒμΌβ€ λ³΄λ‹€λŠ” β€œν¬κ²Œ μ–΄λ–»κ²Œ λŒμ•„κ°€λŠ”μ§€λ₯Ό μ΄ν•΄ν•˜λŠ”λ° λͺ©μ μ΄ μžˆμŠ΅λ‹ˆλ‹€.”
즉, β€˜ν° 그림을 λ³΄λŠ” 것’이라고 μ΄ν•΄ν•˜λ©΄ λ©λ‹ˆλ‹€.

  • λ¨Όμ € β€œlocalhost:8080/hello-static.html”을 μ ‘μ†ν–ˆμŠ΅λ‹ˆλ‹€.
    • 제일 μ²˜μŒμ— λ‚΄μž₯ ν†°μΌ“ μ„œλ²„κ°€ μš”μ²­μ„ λ°›μŠ΅λ‹ˆλ‹€.
      1. 그러면 λ‚΄μž₯ ν†°μΌ“ μ„œλ²„κ°€ β€œhello-static.html이 μ™”λ°μš”~β€ν•˜κ³  β€œSpringβ€μ—κ²Œ λ„˜κΉλ‹ˆλ‹€.
    • μ΄λ•Œ, Spring은 Controllerμ—μ„œ hello-static이 μžˆλŠ”μ§€ μ°Ύμ•„λ΄…λ‹ˆλ‹€.
      • β€œμ¦‰, Controllerκ°€ λ¨Όμ € μš°μ„ μˆœμœ„λ₯Ό κ°€μ§„λ‹€λŠ” 뜻 μž…λ‹ˆλ‹€.”

  • 컨트둀러 λ‚΄λΆ€λ₯Ό λ³΄λ‹ˆ β€œhello-static” κ΄€λ ¨ μ»¨νŠΈλ‘€λŸ¬κ°€ μ—†μŒμ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
    • λ”°λΌμ„œ 이후에 μŠ€ν”„λ§ λΆ€νŠΈλŠ” β€œresources: static/hello-static.html”을 μ°ΎμŠ΅λ‹ˆλ‹€.
      • κ·Έλž˜μ„œ β€œμ˜€ μžˆλ‹€!!” ν•˜κ³  찾으면 λ°”λ‘œ β€œhello-static.html”을 λ°˜ν™˜ν•΄μ£ΌλŠ” 것 μž…λ‹ˆλ‹€.