Contents

CORS에 λŒ€ν•˜μ—¬(3)

   Jun 14, 2023     0 min read

Cross-Origin Resource Sharing(μ΄ν•˜ CORS)에 λŒ€ν•œ κΈ€μž…λ‹ˆλ‹€.

좜처 비ꡐ κ³Όμ •

μ–΄λ””μ„œ μ–΄λ–»κ²Œ μš”μ²­μ„ ν•˜κ³  응닡을 ν•˜κ³  λΉ„κ΅ν•˜λŠ”μ§€ μ΄μ–΄μ„œ λ””ν…ŒμΌν•˜κ²Œ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. λ¬Έμžμ™€ 그림을 톡해 μ„€λͺ… ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€.

문자
  1. ν΄λΌμ΄μ–ΈνŠΈ(μ‚¬μš©μž λ˜λŠ” κΈ°κΈ°)μ—μ„œ λΈŒλΌμš°μ €λ‘œ μš”μ²­μ„ λ³΄λƒ…λ‹ˆλ‹€. 이 μš”μ²­μ€ ν΄λΌμ΄μ–ΈνŠΈ μΈ‘μ—μ„œ JavaScript μ½”λ“œλ‚˜ HTML form 등을 톡해 생성될 수 μžˆμŠ΅λ‹ˆλ‹€.
  2. λΈŒλΌμš°μ €λŠ” ν΄λΌμ΄μ–ΈνŠΈμ˜ μš”μ²­μ„ λ°›μ•„μ„œ ν•΄λ‹Ή μš”μ²­μ„ 기반으둜 μ›Ή μ„œλ²„λ‘œ μš”μ²­μ„ λ³΄λƒ…λ‹ˆλ‹€. 이 μš”μ²­μ€ HTTP ν”„λ‘œν† μ½œμ„ μ‚¬μš©ν•˜μ—¬ μ›Ή μ„œλ²„μ— μ „μ†‘λ©λ‹ˆλ‹€.
  3. μ›Ή μ„œλ²„λŠ” 받은 μš”μ²­μ„ μ²˜λ¦¬ν•˜κ³ , ν΄λΌμ΄μ–ΈνŠΈμ—κ²Œ 응닡을 μƒμ„±ν•©λ‹ˆλ‹€. 응닡은 HTTP ν”„λ‘œν† μ½œμ„ λ”°λ₯΄λŠ” ν˜•μ‹μœΌλ‘œ κ΅¬μ„±λ˜λ©°, 데이터 λ˜λŠ” μƒνƒœ μ½”λ“œ 등이 포함될 수 μžˆμŠ΅λ‹ˆλ‹€.
  4. λΈŒλΌμš°μ €λŠ” μ›Ή μ„œλ²„λ‘œλΆ€ν„° 받은 응닡을 λ°›μ•„λ“€μž…λ‹ˆλ‹€.
  5. λΈŒλΌμš°μ €λŠ” μ‘λ‹΅μ˜ 좜처(origin)와 ν˜„μž¬ νŽ˜μ΄μ§€μ˜ 좜처λ₯Ό λΉ„κ΅ν•©λ‹ˆλ‹€. λ§Œμ•½ μΆœμ²˜κ°€ λ™μΌν•œ 경우, λΈŒλΌμš°μ €λŠ” 응닡을 ν‘œμ‹œν•©λ‹ˆλ‹€. μ΄λŠ” μ›Ή νŽ˜μ΄μ§€μ˜ λ‚΄μš©, 이미지, 슀크립트 등을 ν‘œμ‹œν•˜λŠ” 것을 μ˜λ―Έν•  수 μžˆμŠ΅λ‹ˆλ‹€.
κ·Έλ¦Ό

CORS Structure