React Native

Plus/Minus라는 버튼을 누를 때 마다 숫자가 변화하는 컴포넌트를 만든 것.state와 props를 신경쓰며 코드의 흐름을 읽는 데 도움이 되었다.

형태의 json파일에서 map함수로 반복적으로 랜더링하기 위한 예제 key를 넣어주는 것이 포인트인듯 하다.

navigate를 이용한 페이지 이동!

TabNav

React Native에서 import해오던 AsyncStorage는 deprecated되어 AsyncStorage라고 뜬다.react-native-async-storage 라이브러리를 이용하자.yarn add @react-native-async-storage/asyn

숫자 세자리마다 ,붙이기가격표시같은 경우 2,300처럼 세자리숫자마다 ,를 붙이는게 가독성 면에서 좋다.let price = 받아올 숫자 (ex.13000).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');로 선언한 뒤 re

ScrollView 안에서 TouchableOpacity onPress event가 안먹는 문제…TouchableOpacity를 absolute로 ScrollView화면 위에 버튼처럼 사용하려고 하니 인식하지 못한다ScrollView도 스크롤을 위해 터치를 먹어야하

console.disableYellowBox = true;로 경고를 없앴지만 이것도 막상 코드를 넣으면console.disableYellowBox = true;이렇게 뜬다.공식문서를 보면LogBox.ignoreLogs("Warning: ...");로 replace되었다

import { Dimensions } from 'react-native';const deviceWidth = Dimensions.get('window').width const deviceHeight = Dimensions.get('window').height 기기(w

style의 backgroundColor를 black으로 주고imageStyle에서의 opacity를 주니배경 이미지에 mask를 넣을 수 있었다!