์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ์ธ๊ณต์ง๋ฅ
- ์ฝํ
- github
- ๋น ๋ฐ์ดํฐ
- ๋ฅ๋ฌ๋
- ํ ์คํธ๋ง์ด๋
- abap
- DFS
- ๊นํ๋ธ
- erp
- ์์ฐ์ด์ฒ๋ฆฌ
- ํ ์คํธ๋ถ์
- ๋ฆฌ์กํธ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์๊ณ ๋ฆฌ์ฆ
- ํ์ด์ฌ
- react
- ๋ฐฑ์ค
- AWS
- ๋ฐ์ดํฐ ๋ถ์
- ์๋ง์กด์น์๋น์ค
- Git
- ํ๋ธ๋ก
- sap
- tableau
- nlp
- ์ฝ๋ฉํ ์คํธ
- ํ๋ธ๋ฃจ
- ๋ฐ์ดํฐ๋ถ์
- AI
- Today
- Total
๋ชฉ๋ก2022/06 (27)
DATA101

๐ ๋ชฉ์ฐจ 1. ๊ฐ์ 2. AWS ๊ธฐ๋ณธ ์ธํ 3. React ๊ธฐ๋ฐ ์น ํ์ด์ง ๊ตฌํ 4. AWS ECR ์์ฑ 5. AWS IAM Role ์์ฑ 6. ํ๋ก์ ํธ ํ์ผ ๋ฐ๊ธฐ 7. Docker ์ค์น 8. AWS CLI ์ค์น 9. Docker ์ด๋ฏธ์ง ๋น๋ 10. AWS ECR ๋ก๊ทธ์ธ 11. ๋์ปค ์ด๋ฏธ์ง PUSH 12. Lambda ํจ์ ์์ฑ 13. AWS API Gateway ์์ฑ 14. Axios ๊ธฐ๋ฐ API Call 15. S3 ๊ธฐ๋ฐ ์ ์ ์น ํธ์คํ 16. ํ์ผ ์ฝ์ด์ค๊ธฐ ํ ์คํธ 1. ๊ฐ์ ๋ณธ ํฌ์คํ ์์๋ Docker๋ฅผ ํ์ฉํ์ฌ AWS Lambda์์ ์ฐ๋ถํฌ์ ํ์ด์ฌ์ ์ฌ์ฉํ ์ ์๋ ํ๊ฒฝ์ ์ธํ ํ๊ณ , AWS API Gateway๋ฅผ ํตํด ์น์์ ๋์ด์ค๋ ํ์ผ์(i.e., POST ๋ฉ์๋) ๋ด์ฉ์ ์ถ๋ ฅํ๋ ๋ฐฉ๋ฒ์ ์..

๐ ๋ชฉ์ฐจ โ AWS ๊ธฐ๋ณธ ์ธํ 1. S3 ๋ฒํท ์์ฑ 2. IAM Role ์์ฑ 3. Lambda ํจ์ ์์ฑ 4. Lambda ํจ์ ์์ฑ โ AWS ๊ธฐ๋ณธ ์ธํ ๋ณธ๊ฒฉ์ ์ผ๋ก ํํ ๋ฆฌ์ผ์ ์์ํ๊ธฐ์ ์์, AWS ํ์๊ฐ์ ๋ฐ ๋ฆฌ์ ๋ณ๊ฒฝ๊ณผ ๊ฐ์ ๊ธฐ๋ณธ์ ์ธ ์ธํ ์ด ํ์ํฉ๋๋ค. ๊ธฐ๋ณธ์ ์ธ ์ธํ ์ด ๋ฏธ๋น๋ ๋ถ๋ค๊ป์๋ ์๋์ '๋๋ณด๊ธฐ' ๋ฒํผ์ ํด๋ฆญํด ์ฃผ์ธ์. ๋๋ณด๊ธฐ 1) ์๋น์ค ๊ฐ์ ๋จผ์ AWS ํํ์ด์ง์ ๋ฐฉ๋ฌธํ์ ์ ํ์๊ฐ์ ์ ํ์ ์ผ ํฉ๋๋ค. ์๋์ ๊ฐ์ด ์ต์ด ๊ฐ์ ํ ์ด๋ฉ์ผ ๊ณ์ ์ผ๋ก 1๋ ๊ฐ ๋ฌด๋ฃ ์ฒดํํ(a.k.a., ํ๋ฆฌ ํฐ์ด)์ ์ ๊ณตํฉ๋๋ค. ๋ฌผ๋ก ๋ฌด๋ฃ์ธ ๋งํผ ์ ์ฌ์ ์๋น์ค ๋ฌด๋ฃ๋ก ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค. ํ์๊ฐ์ ์ ํด์ธ ๊ฒฐ์ ๊ฐ ๊ฐ๋ฅํ ์ ์ฉ์นด๋ ๋ฑ๋ก์ด ํ์์ ๋๋ค. ์ ํจํ ์ ์ฉ์นด๋์ธ์ง 100์์ ๊ฒฐ์ ํ๋ค๊ฐ ๊ณง๋ฐ๋ก ์น์ธ ์ทจ์๋๋ ์ ํจํ..

๐ค ์๋ฌ ์ํฉ React์์ ๋ฐฐํฌ ํ์ผ ์์ฑ ์๋ ์ค ์๋ฌ๋ฅผ ๋ง์ฃผํ์์ต๋๋ค. npm run build ๋ฐฐํฌ ํ์ผ ์์ฑ๋ฟ๋ง ์๋๋ผ React ์๋ฒ ์คํ ์๋์๋ ๊ฐ์ ์๋ฌ๋ฅผ ๋ง์ฃผํ ์ ์์ต๋๋ค. ๐ ์๋ฌ ์ฝ๋ sh: react-scripts: command not found ๐ก ์์ธ package.json ๋ด ๋ชจ๋ dependency๋ฅผ ๋ค์ด๋ก๋ํ์ง ์์์ package.json ๋ด script๋ฅผ ์ ๋๋ก ์ผ์ด์ค์ง ๋ชปํ์ฌ ๋ฐ์ํ ์๋ฌ์ ๋๋ค. โ ํด๊ฒฐ๋ฐฉ๋ฒ npm install ์ ํตํด ๋ชจ๋ ํจํค์ง๋ฅผ ์ค์นํด ์ค๋๋ค. npm install npm install๋ก ํด๊ฒฐ๋์ง ์๋ ๊ฒฝ์ฐ ๋ชจ๋ ํจํค์ง๋ฅผ ์ค์นํ์์์๋ ๊ฐ์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค๋ฉด, node-modules ํด๋๋ฅผ ์ญ์ ํ๊ณ ๋ค์ ๋ชจ๋ ํจํค์ง๋ฅผ ์ค์นํด ๋ณด์๊ธธ ๋ฐ๋๋๋ค..

๐ ์๋ฆฌ์ฆ ํฌ์คํ 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 ๊ธฐ๋ฐ ์น ํธ์คํ ๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ ๋ณธ ํฌ์คํ ์์๋ AWS S3๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ ..

๐ ์๋ฆฌ์ฆ ํฌ์คํ 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 ๊ธฐ๋ฐ ์น ํธ์คํ ๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ ๋ณธ ํฌ์คํ ์์๋ ํ์ผ์ด S3์ ์ ์ ๋ก๋๋..

๐ ์๋ฆฌ์ฆ ํฌ์คํ 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 ๊ธฐ๋ฐ ์น ํธ์คํ ๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ ๋ณธ ํฌ์คํ ์์๋ Axios ํจํค์ง๋ฅผ ํ์ฉํ..

๐ ์๋ฆฌ์ฆ ํฌ์คํ 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 ๊ธฐ๋ฐ ์น ํธ์คํ ๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ ๋ณธ ํฌ์คํ ์์๋ Backend ์ญํ ๋ก์จ L..

๐ ์๋ฆฌ์ฆ ํฌ์คํ 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 ๊ธฐ๋ฐ ์น ํธ์คํ ๐จ๐ป ๋ค์ด๊ฐ๋ฉฐ ์ด์ ํฌ์คํ ์์๋ ํ์ผ ์ ๋ก๋์ฉ ์น ํ์ด์ง..