์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- AI
- ํ ์คํธ๋ถ์
- nlp
- ์ธ๊ณต์ง๋ฅ
- ๋ฅ๋ฌ๋
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์ฝ๋ฉํ ์คํธ
- ํ๋ธ๋ก
- ์ฝํ
- erp
- sap
- ํ๋ธ๋ฃจ
- DFS
- tableau
- ์๊ณ ๋ฆฌ์ฆ
- ๊นํ๋ธ
- abap
- github
- Git
- ๋ฐฑ์ค
- ๋ฆฌ์กํธ
- ์๋ง์กด์น์๋น์ค
- react
- ์์ฐ์ด์ฒ๋ฆฌ
- ๋น ๋ฐ์ดํฐ
- ๋ฐ์ดํฐ๋ถ์
- AWS
- ๋ฐ์ดํฐ ๋ถ์
- ํ ์คํธ๋ง์ด๋
- ํ์ด์ฌ
- Today
- Total
Hey Tech
ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (4) AWS S3 ์์ฑ ๋ณธ๋ฌธ
ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (4) AWS S3 ์์ฑ
Tony Park (ํ ๋) 2022. 6. 10. 00:52๐ ์๋ฆฌ์ฆ ํฌ์คํ
1. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (1) React ๊ธฐ๋ฐ Frontend ๊ฐ๋ฐ
2. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (2) AWS IAM ์ญํ ์์ฑ
3. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (3) AWS Lambda ์์ฑ
4. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (4) AWS S3 ์์ฑ
5. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (5) AWS API Gateway ์์ฑ
6. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (6) AWS Lambda ํจ์ ์์ฑ
7. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (7) Axios ๊ธฐ๋ฐ API Call
8. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (8) ํ์ผ ์ ๋ก๋ ํ ์คํธ
9. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (9) AWS S3 ๊ธฐ๋ฐ ์น ํธ์คํ
๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ
์ด์ 3๊ฐ์ ํฌ์คํ ์์๋ React ๊ธฐ๋ฐ์ ํ์ผ ์ ๋ก๋์ฉ ์น ํ์ด์ง Frontend๋ฅผ ๊ตฌ์ถํ๊ณ , AWS IAM ์ญํ ๊ณผ AWS Lambda ์์ฑ ์ ์ฐจ๋ฅผ ์๊ฐํ์์ต๋๋ค. ๋ณธ ํฌ์คํ ์์๋ ํ์ผ ์ ์ฅ ์์คํ ์ธ AWS S3 ๋ฒํท์ ์์ฑํ๋ ์ ์ฐจ๋ฅผ ์๊ฐํฉ๋๋ค.
๐ ๋ชฉ์ฐจ
1. AWS ๊ธฐ๋ณธ ์ธํ
2. AWS S3 ๊ฐ๋
3. AWS S3 ์์ฑ
1. AWS ๊ธฐ๋ณธ ์ธํ
1.1. ์๋น์ค ๊ฐ์
๋จผ์ AWS ํํ์ด์ง์ ๋ฐฉ๋ฌธํ์ ์ ํ์๊ฐ์ ์ ํ์ ์ผ ํฉ๋๋ค. ์๋์ ๊ทธ๋ฆผ 1๊ณผ ๊ฐ์ด ์ต์ด ๊ฐ์ ํ ์ด๋ฉ์ผ ๊ณ์ ์ผ๋ก 1๋ ๊ฐ ๋ฌด๋ฃ ์ฒดํํ(a.k.a., ํ๋ฆฌ ํฐ์ด)์ ์ ๊ณตํฉ๋๋ค. ๋ฌผ๋ก ๋ฌด๋ฃ์ธ ๋งํผ ์ ์ฌ์ ์๋น์ค ๋ฌด๋ฃ๋ก ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค. ํ์๊ฐ์ ์ ํด์ธ ๊ฒฐ์ ๊ฐ ๊ฐ๋ฅํ ์ ์ฉ์นด๋ ๋ฑ๋ก์ด ํ์์ ๋๋ค. ์ ํจํ ์ ์ฉ์นด๋์ธ์ง 100์์ ๊ฒฐ์ ํ๋ค๊ฐ ๊ณง๋ฐ๋ก ์น์ธ ์ทจ์๋๋ ์ ํจํ ์ ์ฉ์นด๋๋ฅผ ์ค๋นํด ์ฃผ์ธ์.
1.2. ์๋น์ค ์ง์ญ ๋ณ๊ฒฝ
ํ์๊ฐ์ ๊น์ง ์๋ฃํ์ จ๋ค๋ฉด ํ์ฌ PC๋ฅผ ์ฌ์ฉ ์ค์ธ ์ง์ญ๊ณผ ๊ฐ์ฅ ๊ฐ๊น์ด ๊ฑฐ๋ฆฌ์ ์๋ ์๋น์ค ์ง์ญ(Region)์ ์ ํํ์ ์ผ ํฉ๋๋ค. ์ถํ์ ์๋น์ค ์๊ธ์ ๋ํด ์ดํด๋ณด๊ฒ ์ง๋ง, ์๋น์ค ์ง์ญ๋ง๋ค ๊ณผ๊ธ์ด ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ ๋๋ค. ์๋์ ๊ทธ๋ฆผ 2์ฒ๋ผ, AWS ํํ์ด์ง ์ฐ์ธก ์๋จ์ ์ง์ญ ์ด๋ฆ์ ํด๋ฆญํ๋ฉด ์๋น์ค ์ง์ญ์ ๋ณ๊ฒฝํ์ค ์ ์์ต๋๋ค. ๋ํ๋ฏผ๊ตญ์ ๊ฑฐ์ฃผํ๊ณ ๊ณ์๋ค๋ฉด Seoul์ ์ ํํด ์ฃผ๋ฉด ๋ฉ๋๋ค.
2. AWS S3 ๊ฐ๋
AWS S3๋ Simple Storage Service์ ์ฝ์ด์ ๋๋ค. S๊ฐ 3๊ฐ์ฌ์ S3๋ผ๊ณ ๋ถ๋ฆ ๋๋ค. S3๋ ์ด๋ฆ์์๋ถํฐ ์ ์ ์๋ฏ์ด, ํ์ผ ์๋ฒ์ ์ญํ ์ ํ๋ ์๋น์ค์ ๋๋ค. S3๋ ํธ๋ํฝ์ด ๊ธ๊ฒฉํ๊ฒ ์ฆ๊ฐํ๋๋ผ๋ ์ฅ๋น๋ฅผ ์ถ๊ฐ ์ฆ์คํ ํ์ ์์ด๋ ํ์ผ ์๋ฒ๋ฅผ ๋ฌธ์ ์์ด ๋์์ํต๋๋ค. S3๋ ์ ์ฅํ ์ ์๋ ํ์ผ์ ๊ฐ์ ์ ํ์ด ์๊ณ , ์ต์ 1๋ฐ์ดํธ๋ถํฐ ์ต๋ 5 ํ ๋ผ๋ฐ์ดํธ์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ณ ์๋น์คํ ์ ์์ต๋๋ค.
3. AWS S3 ์์ฑ
์ด์ S3 ๋ฒํท์ ์์ฑํ๋ ์ ์ฐจ๋ฅผ ์๊ฐํฉ๋๋ค.
1) S3 ์ฝ์ ์ ๊ทผ
AWS ๊ฒ์์ฐฝ์ S3๋ฅผ ๊ฒ์ํ๊ณ S3 ์ฝ์์ ์ ๊ทผํฉ๋๋ค(๊ทธ๋ฆผ 3).
2) ๋ฒํท ์์ฑ
๊ทธ๋ฆผ 4์ ์ฐ์ธก์ "๋ฒํท ๋ง๋ค๊ธฐ"๋ฅผ ํด๋ฆญํฉ๋๋ค.
3) ๋ฒํท ์ด๋ฆ ์ค์
์ง๊ด์ ์ผ๋ก ์์๋ณผ ์ ์๋ ์ด๋ฆ์ผ๋ก ๋ค์ด๋ฐํฉ๋๋ค(๊ทธ๋ฆผ 5).
4) ๋ฒ์ ๊ด๋ฆฌ ๋ฐ ์ํธํ ํ์ฑํ
์๋์ ๊ทธ๋ฆผ 6์ฒ๋ผ, ๋ฒํท ๋ฒ์ ๊ด๋ฆฌ ๋ฐ ์๋ฒ ์ธก ์ํธํ๋ฅผ ํ์ฑํํฉ๋๋ค. ์ด์ ๋งจ ์ฐ์ธก ํ๋จ์ "๋ฒํท ๋ง๋ค๊ธฐ"๋ฅผ ํด๋ฆญํฉ๋๋ค.
์ด์ S3 ์์ฑ์ด ์๋ฃ๋์์ต๋๋ค. ๋ค์ ํฌ์คํ ์์๋ AWS API Gateway๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ค๋ฃน๋๋ค.
๐ ์๋ฆฌ์ฆ ํฌ์คํ
1. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (1) React ๊ธฐ๋ฐ Frontend ๊ฐ๋ฐ
2. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (2) AWS IAM ์ญํ ์์ฑ
3. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (3) AWS Lambda ์์ฑ
4. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (4) AWS S3 ์์ฑ
5. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (5) AWS API Gateway ์์ฑ
6. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (6) AWS Lambda ํจ์ ์์ฑ
7. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (7) Axios ๊ธฐ๋ฐ API Call
8. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (8) ํ์ผ ์ ๋ก๋ ํ ์คํธ
9. ํ์ผ ์ ๋ก๋ ์น ํ์ด์ง ๊ตฌ์ถ: (9) AWS S3 ๊ธฐ๋ฐ ์น ํธ์คํ
ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๊ฑฐ๋ ๋ณด์ํ ์ ์ด ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์!
๊ทธ๋ผ ์ค๋๋ ๋ฉ์ง ํ๋ฃจ ๋ง๋์๊ธธ ๋ฐ๋๋๋ค :)
๊ณ ๋ง์ต๋๋ค๐