์ค๋์ ๋ด๊ฐ ๋ง๋ ํ๋ก์ ํธ๋ฅผ ๋ฐฐํฌํ ์ ์๋ ์ฌ๋ฌ ๋ฐฉ๋ฒ๋ค์ ๋ํด ๋ฐฐ์ ๋ค.
์ฌ์ค ์ด์ ํ์๋ค ์ค ํ ๋ถ์ด ๋
ธ์
ํ๋ก์ ํธ๋ฅผ AWS s3+cloudfront๋ฅผ ์ด์ฉํด ๋ฐฐํฌํ์
์ ์ฐ๋ฆฌ์๊ฒ ๊ทธ ๋ฐฉ๋ฒ์ ์๋ ค์ฃผ์
จ๋ค.
๋๋ฉ์ธ ์ฌ๋ ๋ฐฉ๋ฒ, ๊ฐ์ข
์ค์ ๋ค...๋๋ฌด ์์ธํ๊ฒ ์๋ ค์ฃผ์
์ ๋ฐฐํฌ์ ์ฑ๊ณตํ ์ ์์๋ค. ์ข
ํ๋ ๋ค์ ํ๋ฒ ๊ฐ์ฌํฉ๋๋ค~~๐๐ปโโ๏ธ
๋ฑ ๋ง์ถฐ ๊ฐ์ฌ๋๊ป์ ์ฐ๋ฆฌ๊ฐ ๋ฐฐํฌ์ ์ด๋ ค์์ ๊ฒช๋ ๊ฒ์ ์๊ณ ๋ฐ๋ก ๋ฐฐํฌ ๊ด๋ จ ๊ฐ์๋ฅผ ํด์ฃผ์
จ๋ค...์ง์ง ์ต๊ณ ๋ค...๊ฐ์ฌํฉ๋๋ค ๋กํ ๋ ๐
ํ๋ก์ ํธ ๋ฐฐํฌํด๋ณด๊ธฐ
- EC2
- AWS s3 + cloudfront
- github pages
- Firebase
- Netlify
- Vercel
์ฌ๋ฌ ๋ฐฉ๋ฒ๋ค์ ๋ฐฐ์๋ณด๋ Netlify์ Vercel์ด ๊ฐ์ฅ ์ฌ์ฉํ๊ธฐ ํธ๋ฆฌํ๋ ๊ฒ ๊ฐ๋ค.
๋ค๋ฅธ ๋ฐฉ๋ฒ๋ค์ ์์ง ์ต์์น์์ ์ข ๋ ๊ณต๋ถ๋ฅผ ํ๊ณ ์ฐ์ตํด ๋ณผ ์์ ์ด๋ค.
Vercel์ ์ด์ฉํด ๋ฐฐํฌํ๋ ๋ฐฉ๋ฒ์ ์ฐจ๊ทผ์ฐจ๊ทผ ์์๋ณด์!!!
1. Vercel ์ ์ํด์ ๊นํ๋ธ์ ์ฐ๋ํ๊ธฐ
2. Create a New Project ํด๋ฆญ ํ Vercel์ ์ค์นํ ๊นํ๋ธ ๊ณ์ ์ ํ
3. ๋ฐฐํฌํ repository importํ๊ธฐ
4. Team ์์ฑ Skipํ๊ธฐ
5. ํ๋ก์ ํธ๋ฅผ ์งํํ ํ๋ ์์ํฌ ์ ํํ๊ธฐ
6. Deploy ๋ฒํผ์ ๋๋ฅด๊ณ ๊ธฐ๋ค๋ฆฌ๋ฉด ๋ฐฐํฌ ์ฑ๊ณต!!!๐ฅณ๐ฅณ๐ฅณ
7. ๋ฐฐํฌ๋ ํ๋ฉด์ ๋๋ฅด๋ฉด Domain ํ์ธ ๊ฐ๋ฅ
ํ์ง๋ง, ํด๋น URL๋ก ์ ์ ์
์๋ก๊ณ ์นจํ๋ฉด 404์๋ฌ๊ฐ ๋ฐ์
ํ๋ค.
์ด๋ฅผ ํด๊ฒฐํ๊ธฐ์ํด ๊ตฌ๊ธ์ ํ์ ๋น๋ ค ํด๋น ํ์ด์ง ์ฐธ๊ณ !!
8. ํด๋น repo์ vercel.json ํ์ผ ์ถ๊ฐ
9. vercel ํํ์ด์ง์ Deployments ํญ์์ ์ ๋ฐ์ดํธ ํ์ธ
10. ์๋ก๊ณ ์นจ์ ํด๋ ์๋ฌ๊ฐ ๋ฐ์ํ์ง์๋๋ค!๐
ํญ์ ๋ฐฐํฌ๋ ์ด๋ ค์ธ๊บผ์ผ.. ๋ ๋ชปํ ๊บผ์ผ..๋ผ๋ ๋ง์๊ฐ์ง์ผ๋ก ๋ฏธ๋ค๋๊ณ ๋ง ์๋ ๋ด๊ฐ ๋ฐ๋คใ
ใ
ใ
๋ง์ํ๊ณ ๋๋ฉด ์๊ฐ๋ณด๋ค ์ฝ๊ฒ ํ๋ฆฌ๋ ๊ฒ๋ค์ด ๋ง์ ๊ฒ ๊ฐ๋ค.
vercel ๋ง๊ณ ๋ ๊ฐ์๋ก ๋ค์๋ ์ฌ๋ฌ ๋ฐฉ๋ฒ๋ค์ ํ๋์ฉ ๋ฟ์
๋ด์ผ๊ฒ ๋ค!!!
ํ๋ก์ ํธํ์ผ๋ ๋! ์ด๊ฒ ์๋๋ผ ๋ฐฐํฌ๋ฅผ ํตํด ์ฃผ๋ณ ์ฌ๋๋ค์๊ฒ ํผ๋๋ฐฑ์ ๋ฐ๊ณ ์์ ํด๋๊ฐ๋ ๊ณผ์ ์ด ๋งค์ฐ ์ค์ํ๋ค๊ณ ์๊ฐํ๋ค.
์ค๋์ ๊ฒฝํ์ ๊ณ๊ธฐ๋ก ๋ฌด์์ ์ด๋ ต๊ฒ ๋ค๊ณ ๋๋ ค์ํ๋ ๊ฒ์ด ์๋๋ผ ๋ญ๋ ๋ถ๋ชํ๋ณด๋ ๊ฐ๋ฐ์๊ฐ ๋์ด์ผ๊ฒ ๋ค~~๐ซ
Vercel ๋๋ฌด ์ข์์