โ ๏ธ ์ค์ ๋ณด์ ์ฌํญ
์ ๋ ํ๋์ฝ๋ฉ ๊ธ์ง : API ํค, ํ ํฐ, ๋น๋ฐ๋ฒํธ ๋ฑ์ ์ฝ๋์ ์ง์ ์์ฑํ์ง ๋ง์ธ์
ํ๊ฒฝ ๋ณ์ ์ฌ์ฉ : ๋ชจ๋ ๋ฏผ๊ฐํ ์ ๋ณด๋ .env ํ์ผ์ ์ ์ฅํ๊ณ ํ๊ฒฝ ๋ณ์๋ก ์ ๊ทผํ์ธ์
.env ํ์ผ ๋ณดํธ : .env ํ์ผ์ .gitignore์ ํฌํจ๋์ด ์์ด Git์ ์ปค๋ฐ๋์ง ์์ต๋๋ค
2. ํ์ฌ ์ค์ ๋ ํ๊ฒฝ ๋ณ์
# .env.local (๋ก์ปฌ ๊ฐ๋ฐ์ฉ)
REACT_APP_API_BASE_URL=http://localhost:3000
# .env.production (ํ๋ก๋์
์ฉ)
REACT_APP_API_BASE_URL=https://your-production-api.com
3. ๋ณด์ ์ฒดํฌ๋ฆฌ์คํธ
4. ๊ฐ๋ฐ ์ ์ฃผ์์ฌํญ
ํ ํฐ ๊ด๋ฆฌ : JWT ํ ํฐ์ ํ๊ฒฝ ๋ณ์๋ ์์ ํ ์ ์ฅ์์์ ๊ฐ์ ธ์ค์ธ์
API ํค : Supabase, AWS ๋ฑ์ API ํค๋ ํ๊ฒฝ ๋ณ์๋ก ๊ด๋ฆฌํ์ธ์
๋๋ฒ๊น
: ํ๋ก๋์
์์๋ console.log๋ก ๋ฏผ๊ฐํ ์ ๋ณด๋ฅผ ์ถ๋ ฅํ์ง ๋ง์ธ์
CORS : ์ ์ ํ CORS ์ค์ ์ผ๋ก ๋ณด์์ ๊ฐํํ์ธ์
5. ๋ฐฐํฌ ์ ํ์ธ์ฌํญ
๐จ ๋ฐ๊ฒฌ๋ ๋ณด์ ๋ฌธ์ (ํด๊ฒฐ๋จ)
ํ๋์ฝ๋ฉ๋ JWT ํ ํฐ - src/services/auth.js์์ ์ ๊ฑฐ
ํ๋์ฝ๋ฉ๋ Supabase ํค - ํ๊ฒฝ ๋ณ์๋ก ๋ณ๊ฒฝ
๋๋ฒ๊น
์ฉ ๋ก๊ทธ - ๋ฏผ๊ฐํ ์ ๋ณด ์ถ๋ ฅ ๋ก๊ทธ ์ ๊ฑฐ
๋ถ์ ์ ํ API ์๋ํฌ์ธํธ - ์ฌ๋ฐ๋ฅธ ์๋ํฌ์ธํธ๋ก ์์
์ ๊ธฐ์ ์ธ ๋ณด์ ๊ฐ์ฌ ์ํ
์์กด์ฑ ์ทจ์ฝ์ ์ค์บ
์ฝ๋ ๋ฆฌ๋ทฐ ์ ๋ณด์ ๊ฒํ ํฌํจ
๋ฏผ๊ฐํ ์ ๋ณด ๋
ธ์ถ ๋ฐฉ์ง๋ฅผ ์ํ ์ ์ ๋ถ์ ๋๊ตฌ ์ฌ์ฉ