avatar
Published on

TIL๐Ÿ“š ์•ฑ๊ฐœ๋ฐœ ์Šคํ„ฐ๋”” - 5 week

Authors
  • avatar
    Name
    Haneul
    Twitter

TIL๐Ÿ“š ์•ฑ๊ฐœ๋ฐœ ์Šคํ„ฐ๋”” - 5 week

๊ตฌ๊ธ€ ์•ฑ์Šคํ† ์–ด ์ถœ์‹œ

ํ”„๋กœ์ ํŠธ ๋…นํ™” ์˜์ƒ

drawing

์ทจ์ง€ & ์„ค๋ช…

๊ฟ€ํŒ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‹ด์€ ์•ฑ

๊ธฐ์ˆ  ์„ค๋ช…

  • ํŒŒ์ด์–ด๋ฒ ์ด์Šค
  • ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ
  • expo
  • axios
  • ...etc
"@expo/vector-icons": "^12.0.0",
"@react-native-async-storage/async-storage": "~1.15.0",
"@react-native-community/masked-view": "^0.1.11",
"@react-navigation/native": "^6.0.6",
"@react-navigation/stack": "^6.0.11",
"axios": "^0.24.0",
"expo": "~43.0.2",
"expo-ads-admob": "~11.0.3",
"expo-app-loading": "~1.2.1",
"expo-asset": "~8.4.3",
"expo-constants": "^13.0.0",
"expo-font": "~10.0.3",
"expo-linking": "~2.4.2",
"expo-location": "^14.0.1",
"expo-status-bar": "~1.1.0",
"firebase": "^9.6.1",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"react-native-gesture-handler": "~1.10.2",
"react-native-reanimated": "~2.2.0",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.8.0",
"react-native-uuid": "^2.0.1",
"react-native-web": "0.17.1"

์–ด๋ ค์› ๋˜ ์  & ๊ทน๋ณต ๋ฐฉ๋ฒ•

์‹ค์ œ ๊ธฐ์ˆ ์Šคํƒ ๋ฒ„์ „์ด ์—…๋ฐ์ดํŠธ ๋˜๊ฑฐ๋‚˜ deprecated ๋œ ํ•จ์ˆ˜๋„ ์žˆ์—ˆ๋‹ค. ํŒŒ์ด์–ด๋ฒ ์ด์Šค ๋ฆฌ์–ผํƒ€์ž„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์—ฐ๋™ํ•  ๋•Œ๋Š” ์˜ค๋ฅ˜๊ฐ€ ์žˆ์–ด์„œ firebaseConfig์— ์•„๋ž˜์™€ ๊ฐ™์ด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค url ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ์—ˆ๋‹ค.

databaseURL:
    " https://sparta-react-native-11669-default-rtdb.asia-southeast1.firebasedatabase.app",

๊ทธ๋ฆฌ๊ณ  AsyncStorage ๋กœ uuid ๋ฅผ ์‚ฌ์šฉํ•ด user Id๋ฅผ ๋ฐœ๊ธ‰ํ•˜๊ณ  ์ฒ˜์Œ์— ์•ฑ ๋กœ๋”ฉ ์‹œ, ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€์— ์•„์ด๋””๋ฅผ ์ €์žฅํ•˜๋„๋ก ๊ฐœ๋ฐœํ–ˆ๋‹ค. ์ถ”ํ›„, ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

5์ฃผ๊ฐ„์˜ ์•ฑ๊ฐœ๋ฐœ ์ˆ˜์—… ํ›„๊ธฐ โœ…

5์ฃผ๋™์•ˆ ๋งค์ฃผ ์ˆ™์ œ์™€ ๊ฐœ๋ฐœ์ผ์ง€๋ฅผ ํ†ตํ•ด ํ•œ์ฃผ์— ๋ฐฐ์šด๊ฒƒ๋“ค์„ ๋ณต์Šตํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ์–ด๋–ค๊ฑธ ๋ฐฐ์› ๋Š”์ง€ ๊นŒ๋จน์ง€ ์•Š๊ฒŒ ์ž˜ ๊ธฐ๋ก๋„ ํ–ˆ๋˜๊ฒƒ ๊ฐ™๋‹ค. ๋งˆ์ง€๋ง‰ 5์ฃผ์ฐจ์—๋Š” ์‹ค์ œ ๋ฐฐํฌํ•œ ์•ฑ์„ ๊ณต์œ ํ•˜๋Š” ๊ฒƒ์ธ๋ฐ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์•ฑ์„ ๋”ฐ๋กœ ๋งŒ๋“ค๊ธฐ์—๋Š” ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•ด ์•ž์œผ๋กœ ์ฐจ์ฐจ ๊ฐœ๋ฐœํ•˜์—ฌ ์˜ฌ๋ ค๋ณผ ์˜ˆ์ •์ด๋‹ค.


์ฐธ๊ณ  : ์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ, React Naitve, Firebase,