React Native - ์œ ์šฉํ•œ Component, API
ยท
๐Ÿ›ธ React Native
โœ… Blur Viewhttps://docs.expo.dev/versions/latest/sdk/blur-view/ BlurViewA React component that blurs everything underneath the view.docs.expo.dev โœ… ScrollViewrefreshControlhttps://reactnative.dev/docs/scrollview#refreshcontrol ScrollView · React NativeComponent that wraps platform ScrollView while providing integration with touch locking "responder" system.reactnative.dev ScrollView ๋‹จ์ ๋ชจ๋“  ์ž์‹ ์ปดํฌ๋„Œ..
React Native - 26.01.20 ๊ธฐ์ค€ ์ตœ์‹  Components, API
ยท
๐Ÿ›ธ React Native
โœ… Deprecated๋œ ComponentAppLoading -> SplashScreenimport { Text, View } from 'react-native';import Entypo from '@expo/vector-icons/Entypo';import * as SplashScreen from 'expo-splash-screen';// Set the animation options. This is optional.SplashScreen.setOptions({ duration: 1000, fade: true,});export default function App() { return ( SplashScreen Demo! ๐Ÿ‘‹ );} import * as Sp..
React Native - ๊ธฐ๋ณธ Layout, API
ยท
๐Ÿ›ธ React Native
โœ… ๊ธฐ๋ณธ ComponentViewContainer ์—ญํ• (div ๊ฐ™์€ ๋А๋‚Œ)style ์†์„ฑ๋„ ์žˆ๊ณ  ์›น๊ณผ ๊ฑฐ์˜ ๋น„์Šทํ•˜๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‚˜ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์Šคํƒ€์ผ์ด ๋ช‡๋ช‡ ์กด์žฌํ•œ๋‹ค. TextReact Native์— ์žˆ๋Š” ๋ชจ๋“  text๋“ค์€ Text component ์•ˆ์— ๋“ค์–ด๊ฐ€์•ผ ํ•œ๋‹ค. ActivityIndicator๋กœ๋”ฉ ํ‘œ์‹œ TouchableOpacity๋ˆ„๋ฅด๋Š” ์ด๋ฒคํŠธ๋ฅผ listenํ•  ์ค€๋น„๊ฐ€ ๋œ View๋ˆ„๋ฅด๋ฉด ํˆฌ๋ช…๋„ ๋ณ€๊ฒฝ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ์ ์šฉ๋จonPress ์†์„ฑ์— ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋ฅผ ์ค˜์„œ ๋ˆŒ๋ ธ์„ ๋•Œ ๋™์ž‘๋„ ์ง€์ • ๊ฐ€๋ŠฅhitSlop: ํ„ฐ์น˜ ๊ฐ€๋Šฅ ์˜์—ญ ์„ค์ • TouchableHighlight๋ˆŒ๋ €์„ ๋•Œ ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์ƒ‰์ด ๋ฐ”๋€Œ๊ฒŒ ํ•ด์คŒ(underlayColor)onPress ์†์„ฑ์— ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋ฅผ ์ค˜์„œ ๋ˆŒ๋ ธ์„ ๋•Œ ๋™์ž‘๋„ ์ง€์ • ๊ฐ€๋Šฅ Touchab..
GraphQL - GraphQL Server ์‹œ์ž‘ํ•˜๊ธฐ
ยท
๐Ÿงฌ GraphQL
โœ… GraphQL?GraphQLAPI๋ฅผ ์œ„ํ•œ ์ฟผ๋ฆฌ ์–ธ์–ดGraphQL์€ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•„์š”ํ•œ ๊ฒƒ์„ ์ •ํ™•ํ•˜๊ฒŒ ์š”์ฒญํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, ์‹œ๊ฐ„์ด ์ง€๋‚จ์— ๋”ฐ๋ผ API๋ฅผ ๋” ์‰ฝ๊ฒŒ ๋ฐœ์ „์‹œํ‚ค๊ณ  ๊ฐ•๋ ฅํ•œ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.https://graphql.org/GraphilePostgreSQL๋ฅผ ์œ„ํ•œ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๊ณ ์„ฑ๋Šฅ ์ž๋™ GraphQL APIhttps://www.graphile.org/Hasura๋ชจ๋“  ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ์ฆ‰๊ฐ์ ์ธ GraphQLHasura๋Š” ์‹ ๊ทœ ๋ฐ ๊ธฐ์กด ๋ฐ์ดํ„ฐ ์†Œ์Šค์— ๋Œ€ํ•œ ์ฆ‰๊ฐ์ ์ธ GraphQL ๋ฐ REST API๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Hasura๋ฅผ ๋ฐ์ดํ„ฐ์— ์—ฐ๊ฒฐํ•˜๊ณ  1๋ถ„ ์ด๋‚ด์— API๋ฅผ ๋ฐ›์œผ์„ธ์š”.https://hasura.io/ โœ… API๋ž€?API (Application Programming Int..