์ ์ฒด ๊ธ (12) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ AWS Amplify๋ฅผ ์ด์ฉํ React Native ์ฑ ๊ฐ๋ฐ๊ธฐ (2) ์ธ์ฆ(authentication) ์ธ์ฆ ๊ธฐ๋ฅ์ ์ํด AWS Cognito๋ฅผ Amplify ์์์ ์ฌ์ฉํ ๊ฒ์ด๋ค.๊ธฐ์กด AWS Cognito ๋ฆฌ์์ค์ ํตํฉํ ์๋ ์๊ณ , Amplify Studio์์ ์๋ก ๋ฆฌ์์ค๋ฅผ ์์ฑํ ์๋ ์๋ค. Cognito๋ ์ฌ์ฉ์ ์ธ์ฆ ๋ฐ ๊ถํ ๋ถ์ฌ๋ฅผ ์ฒ๋ฆฌํ๋ ์๋น์ค์ด๋ค. Cognito์์ ์ฌ์ฉ์ ํ์ ์์ฑํ๋ฉด ๊ฐ์ ๋ฐ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ์ฝ๊ฒ ์ฑ์ ์ถ๊ฐํ ์ ์๋ค.1. AWS - ์ธ์ฆ ๊ตฌ์ฑ ๋ฐ ๋ฐฐํฌAmplify ์คํ๋์ค์์ ์ธ์ฆ ๊ธฐ๋ฅ์ ์ค์ ํ๋ฉด CloudFormation์์ Cognito๋ฅผ ์ฝ๋ ๊ธฐ๋ฐ์ผ๋ก ๊ตฌ์ฑํ๋ค. ๋ก๊ทธ์ธ ๋ฐฉ์๊ณผ ํ์๊ฐ์ ๋ฐฉ์์ ์ ํํ ํ, Deployment๋ฅผ ์งํํ๋ค. ๋ก๊ทธ์ธ ๋ฐฉ์์ ์ด๋ฏธ์ง์ฒ๋ผ ์ ํ๋ฒํธ, ์ด๋ฉ์ผ, ์ ์ ๋ช , ๊ฐํธ๋ก๊ทธ์ธ(ํ์ด์ค๋ถ, ๊ตฌ๊ธ, ์๋ง์กด, ์ ํ) ์ค ์ ํํ ์ ์๊ณ , ํ์๊ฐ์ ๋ฐฉ.. AWS Amplify๋ฅผ ์ด์ฉํ React Native ์ฑ ๊ฐ๋ฐ๊ธฐ (1) ํ๊ฒฝ์ค์ Local - ๊ธฐ๋ณธ ๋๊ตฌ ์ค์น ๋ฐ ํ์ธnode -vnpm -vnpm install -g yarnnpm install -g expo-clinpm install -g @aws-amplify/cli Local - Expo(React Native) ํ๋ก์ ํธ ์์ฑexpo-cli init expo-cli init ๋ช ๋ น์ด ์ํ ํ, ์ฑ ์ด๋ฆ์ ์ง์ ํด์ฃผ๋ฉด ๊ด๋ จ ํด๋ ๋ฐ ํ์ผ๋ค์ด ์๋์ผ๋ก ์์ฑ๋๋ค. Local - AWS profile ์ค์ ์ก์ธ์ค ํค๋ IAM > ์ฌ์ฉ์ ์์ ์์ฑ ๊ฐ๋ฅamplify configure ๋ฆฌ์ ์ ์ ํํ๊ณ , ์ก์ธ์ค ํค๋ฅผ ์ ๋ ฅํด ํ๋กํ ์ค์ ์ ์๋ฃํ๋ค. Local - Amplify, React Native ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์นyarn add @aws-amplify/ui-react-native aws.. AWS Amplify๋ Amplify๋ฅผ ์ฌ์ฉํ๊ฒ ๋ ์ด์ ! 2023 AWS ์ํฐ์บ ํ์์ ์งํํ๋ ํ๋ก์ ํธ๋ฅผ ๊ณ ๋ํํ๊ธฐ๋ก ํ๋๋ฐ, ์ด์ ์๋ AWS Cloud9์ ์ฌ์ฉํด Streamlit์ผ๋ก ์๋น์ค๋ฅผ ์ ๊ณตํ๋ค๋ฉด, ์ด๋ฒ์ ๊ณ ๋ํ๋ฅผ ํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ฉฐ ์๋น์ค ์ ๊ณต ํํ๋ฅผ ์ฑ์ผ๋ก ๋ณ๊ฒฝํ๊ธฐ๋ก ํ๋ค. Amplify๊ฐ ๋ค์ํ ํ๋ฐํธ์๋ ํ๋ ์์ํฌ๋ฅผ ์ง์ํ๊ณ , Cognito๋ DynamoDB ๋ฑ์ AWS์ ๋ค๋ฅธ ์๋น์ค๋ค๊ณผ ์ฝ๊ฒ ์ฐ๊ฒฐํ ์ ์์ด ๋ฐฑ์๋ ์ธก์ ๋ถ๋ด๋ ์ค์ผ ์ ์์ผ๋ฉฐ, ๋ฐฐํฌ๋ ์ง์ํ๋ค๊ณ ์๊ณ ์์ด์ ์ด๋ฒ ๊ธฐํ์ ์ฌ์ฉํด๋ณด๊ธฐ๋ก ํ๋ค. Amplify๋ ์น ๋ฐ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋น ๋ฅด๊ฒ ๊ตฌ์ถํ๊ณ ๋ฐฐํฌํ๊ธฐ ์ํ ํตํฉ ๊ฐ๋ฐ ํ๊ฒฝ์ด๋ค. ์ฃผ์ ๊ธฐ๋ฅ ๋ฐฑ์๋ ์๋น์ค: ๋ฐฑ์๋ ๋ฆฌ์์ค๋ฅผ ๊ด๋ฆฌํ๊ณ ๊ตฌ์ถํ๋ ๋ฐ ์ฌ์ฉํ ์ ์๋ ๋ค์ํ AWS ์๋น์ค๋ฅผ ์ ๊ณตํ.. ์ด์ 1 2 3 4 ๋ค์