๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€

(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 ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•œ..