๐ฅ ๋ฌธ์ ์ํฉ
์ด์ ๊ธ์์ ์๋ฒ → ํด๋ผ์ด์ธํธ(localhost)๋ก ์ฟ ํค ์ ์ก ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์๋ค
๊ทธ๋ฐ๋ฐ ํด๋ผ์ด์ธํธ → ์๋ฒ๋ก POST ์์ฒญ์ ๋ณด๋๋๋ฐ ์ฟ ํค๊ฐ ์ ์ก๋์ง ์๊ณ ์์๋ค.
์๋ํ๋ฉด ์๋ฒ(https://custom-domain.com)์์ ์์ฑํ ์ฟ ํค์ ๋๋ฉ์ธ์ [ custom-domain.com ] ์ด๊ณ , ํด๋ผ์ด์ธํธ ๋๋ฉ์ธ์ [ localhost ] ๋ก ๊ฐ์ ๋๋ฉ์ธ์ด ์๋๊ธฐ ๋๋ฌธ์ ์ ์ก๋์ง ์์๋ ๊ฒ์ด๋ค. (+ SameSite: Lax)
๋ก๊ทธ์ธ ์ธ์ฆ์ ๊ตฌํํ๊ธฐ ์ํด์ ๋๋ฉ์ธ์ ์ผ์น์ํฌ ํ์๊ฐ ์์๋ค.
โ (๊ฐ๋ฐ ํ๊ฒฝ) ๋ฐฑ์๋ ์๋ฒ๋ฅผ ๋ก์ปฌ์์ ๋์ฐ์
๊ฐ๋ฐ ํ๊ฒฝ์์ ์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ๋ฐฑ์๋ ์๋ฒ๋ฅผ ๋ก์ปฌ์์ ๋์ฐ๊ธฐ๋ก ํ๋ค. ๊ทธ๋ฌ๋ฉด ํด๋ผ์ด์ธํธ๋ http://localhost:5173 ์ด๊ณ , ์๋ฒ๋ http://localhost:8080์ด ๋ ๊ฒ์ด๋ค.
์๋ฒ(http://localhost:8080)๋ก api ์์ฒญ์ ๋ณด๋ด ์ฟ ํค๊ฐ ์์ฑ๋๋ฉด ํด๋ผ์ด์ธํธ(http://localhost:5173)๋ก ์ ๋ฌ๋ ์ฟ ํค์ ๋๋ฉ์ธ์ [ localhost ] ๊ฐ ๋๋ค. ์ด์ ๋๋ฉ์ธ์ด ์ผ์นํ๊ธฐ ๋๋ฌธ์ GET, POST ๋ฑ ๋ชจ๋ ์์ฒญ์ ๋ํด ํด๋ผ์ด์ธํธ → ์๋ฒ๋ก ์ฟ ํค๊ฐ ์ ์ก๋๋ค.
โ (๋ฐฐํฌ ํ๊ฒฝ) ์๋ธ ๋๋ฉ์ธ ์ค์
๊ธฐ์กด ํ๋ก ํธ ๋๋ฉ์ธ์ด [ front-service.com ]์ด๊ณ , ๋ฐฑ์๋ ์๋ฒ ๋๋ฉ์ธ์ด [ custom-domain.com ] ์ด๋ฉด ๊ฐ์ ๋๋ฉ์ธ์ด ์๋๊ธฐ ๋๋ฌธ์ ์ฟ ํค ์ ์ก์ด ์ ๋ ๊ฒ์ด๋ค. ๊ทธ๋์ ํ๋ก ํธ์ ๋ฐฑ์ ๋๋ฉ์ธ์ ์ผ์น์์ผ์ผ ํ๋ค.
๊ธฐ์กด์ ์๋ฒ ๋๋ฉ์ธ [ custom-domain.com ] ์ ์ฌ์ฉ์๋ค์ด ์๋น์ค์ ์ ์ํ ์ ์๋ ์ฃผ์๋ก ๋ณ๊ฒฝํ๊ณ , ์๋ฒ๋ ์๋ธ ๋๋ฉ์ธ์ ์ ์ฉํด [ api.custom-domain.com ] ์ผ๋ก ๋ณ๊ฒฝํ๋ค. ์ถ๊ฐ๋ก api.custom-domain.com ์๋ฒ์์ ์์ฑํ ์ฟ ํค๋ api.custom-domain.com ์์๋ง ์ ํจํ๊ธฐ ๋๋ฌธ์ ์ฟ ํค์ domain ์์ฑ domain=custom-domain ์ ์ค์ ํด์ค์ผ ํ๋ค.
ํ์ง๋ง ์ต์ ๋ธ๋ผ์ฐ์ ๋ก ํ์ธํด๋ณด๋ฉด ๋ณ๋์ domain ์์ฑ์ ์ง์ ํ์ง ์์๋ ๋๋ฉ์ธ๊ณผ ์๋ธ๋๋ฉ์ธ๊ฐ ์ฟ ํค ์ ์ก์ด ์ ๋๊ณ ์๋ค. (ํ์ด์ดํญ์ค๋ ์ ์ฅ๋ ์ฟ ํค๊ฐ ๋ณด์ด์ง๋ ์์ง๋ง api ์์ฒญ ์, ์ฟ ํค๊ฐ ์ ์ ์ก๋๊ณ ์๋ค.)
์๋ธ ๋๋ฉ์ธ
์๋ธ ๋๋ฉ์ธ์ ๋๋ฉ์ธ ์ด๋ฆ ์์ ๋ถ๋ ์ถ๊ฐ์ ์ธ ์๋ณ์์ด๋ค.
api.example.com, m.example.com, admin.example.com ๋ฑ ๋ชจ๋ example.com ๋๋ฉ์ธ์ ์๋ธ ๋๋ฉ์ธ์ด๋ค.
์ฟ ํค domain ์์ฑ
- ๋๋ฉ์ธ ์์ฑ ์ง์ ํ์ง ์์์ ๋
๊ธฐ๋ณธ์ ์ผ๋ก ์ฟ ํค๊ฐ ์ค์ ๋ ์๋ฒ์ ๋๋ฉ์ธ์๋ง ์ ์ฉ๋ฉ๋๋ค. ex) api.example.com์์ ์์ฑ๋ ์ฟ ํค๋ api.example.com์์๋ง ์ ํจํ๊ณ , example.com ๋ฐ ๋ค๋ฅธ ์๋ธ ๋๋ฉ์ธ์์๋ ์ ์ก๋์ง ์์ต๋๋ค.
(์ต์ ๋ธ๋ผ์ฐ์ ์์๋ ์ง์ ํ์ง ์์๋ ์ฟ ํค ์ ์ก์ด ๋๋๊ฑฐ ๊ฐ์ต๋๋ค.)
- ๋๋ฉ์ธ ์์ฑ ์ง์
domain=example.com ์ผ๋ก ์ค์ ํ๋ฉด example.com ๋ฐ ๋ค๋ฅธ ์๋ธ ๋๋ฉ์ธ์์๋ ์ฟ ํค๊ฐ ์ ์ก๋ฉ๋๋ค.