๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€ (3)

JiYoung Dev ๐Ÿ–ฅ

์—„ํƒœ์ฃผ ์—์„ธ์ด, ๋ฐฐ์›€์˜ ๋ฐฐ์‹ 

๋™์ƒ์˜ ๋ฐฉ์—์„œ ์ด ์ฑ…์„ ๋ฐœ๊ฒฌํ–ˆ๋‹ค. ์ฑ…์˜ ์ œ๋ชฉ์„ ๋ณด์ž๋งˆ์ž ๋ฌด์Šจ ๋‚ด์šฉ์ธ์ง€ ๊ถ๊ธˆํ•ด ๊ทธ ์ฆ‰์‹œ ์†์— ์ง‘์–ด ํ•œ ์žฅ์„ ์ฝ์–ด๋ณด์•˜๋‹ค.์ฑ…์˜ ์ฒซ ์žฅ์€ ‘๋‚˜๋Š” ์–ด๋Š ์ˆœ๊ฐ„, ๋‚ด๊ฐ€ ๋ˆ„๊ตฌ์ธ์ง€ ๋ชจ๋ฅด๋Š” ์–ด๋ฅธ์ด ๋˜์–ด ์žˆ์—ˆ๋‹ค’๋Š” ํ”„๋กค๋กœ๊ทธ์˜ ์ œ๋ชฉ์œผ๋กœ ์‹œ์ž‘ํ•œ๋‹ค.๊ทธ๋ฆฌ๊ณ  ์•„๋ž˜์—๋Š” ‘๋‚˜๋Š” ์–ด๋ฆฐ ์‹œ์ ˆ๋ถ€ํ„ฐ ๋ฌด์—‡์ด๋“  ๋ฐฐ์šฐ๊ธฐ๋ฅผ ์ข‹์•„ํ–ˆ๋‹ค.’๋Š” ๋ฌธ์žฅ์ด ๋‚˜์˜จ๋‹ค.์ด ๋ฌธ์žฅ์—์„œ “๋ฐ”๋กœ ์ด๊ฑด ๋‚ด ์ด์•ผ๊ธฐ์•ผ!” ํ•˜๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค. ๋‚˜๋„ ๋ฐฐ์šฐ๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๊ณ  ์ด์ œ๊ป ์ˆ˜๋งŽ์€ ๊ฒƒ๋“ค์„ ๋ฐฐ์›Œ์™”์ง€๋งŒ ๊พธ์ค€ํžˆ ์ง€์†ํ•˜๋Š” ๊ฒƒ์€ ๊ฑฐ์˜ ์—†๊ณ , ๋ฐฐ์šฐ๋Š” ์™€์ค‘์—๋„ ๋งค๋ฒˆ ํ”๋“ค๋ ธ์œผ๋ฉฐ, ํ•ญ์ƒ ์ƒˆ๋กœ ๋ฐฐ์šธ ๊ฒƒ์„ ์ฐพ์•„ ๋– ๋‚ฌ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๋‚ด๊ฐ€ ๋ˆ„๊ตฌ์ธ๊ฐ€์— ๋Œ€ํ•ด ์ œ๋Œ€๋กœ ์ƒ๊ฐํ•ด ๋ณด์ง€ ์•Š์•˜๋˜ ๊ณผ๊ฑฐ์˜ ๋‚˜๋ฅผ ์ƒ๊ธฐํ•˜๋Š” ๋ฌธ์žฅ์ด์—ˆ๋˜ ๊ฒƒ์ด๋‹ค. ๊ทธ ๋‹ค์Œ ๋ฌธ์žฅ์€ ‘๋ญ”๊ฐ€๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ณณ์ด๋ผ๋ฉด ์–ด๋””๋“  ๋งˆ๋‹ค ์•Š๊ณ  ๋›ฐ์–ด๋“ค์–ด ๋ฐฐ์› ๋‹ค. ๊ทธ..

books 2024. 11. 20. 21:33
[Node.js] Express์˜ listen ๋ฐ Cors ์„ค์ •

์–ด์ œ ์ž‘์„ฑํ–ˆ๋˜ Nginx์—์„œ Reverse Proxy ์„ค์ • ํ›„ Spring Server์—์„œ Cors ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ Spring Security Cors ์„ค์ •์— ์™ธ๋ถ€๋ง ์ฃผ์†Œ๋ฅผ ์ถ”๊ฐ€ํ•ด ํ•ด๊ฒฐํ•˜์˜€๋‹ค๊ณ  ํ•˜์˜€๋‹ค. ํ•ด๋‹น ๊ธ€์—์„œ๋Š” ์ž‘์„ฑํ•˜์ง€ ์•Š์•˜์ง€๋งŒ Node.js Express ์„œ๋ฒ„์—์„œ๋„ Cors ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜์˜€๋Š”๋ฐ Cors ์„ค์ •๊ณผ ํ•จ๊ป˜ app.listen("0.0.0.0")์„ ์ถ”๊ฐ€ํ•จ์œผ๋กœ์จ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.  ์œ„์˜ ๊ณผ์ •์„ ์ง„ํ–‰ํ•˜๋ฉด์„œ Cors๋ฅผ ์„ค์ •ํ•˜๋Š” ๊ฒƒ๊ณผ app.listen("0.0.0.0")์„ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์ด ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋Š”์ง€ ์•Œ์•„๋ณด์•˜๋‹ค. ๐Ÿ”Ž Cors ์„ค์ •์˜ ์—ญํ• Cors(Cross-Origin Resource Sharing)๋Š” ์›น ๋ธŒ๋ผ์šฐ์ € ๋ฐœ์ƒํ•˜๋Š” ๋ณด์•ˆ ์ •์ฑ…์œผ๋กœ ํด๋ผ์ด์–ธํŠธ์˜ ์ถœ์ฒ˜(Origin)์— ๋”ฐ๋ผ ์„œ..

Study/Back-End 2024. 11. 7. 22:10