justifyContent 기본 중심축인 위에서 아래로 요소를 배치함.
ReactNative의 기본 flex는 열방향임.
alignItems는 중심축을 가로지르는 가로축을 따라 요소를 배치함.
flexDirection : 'row'를 설정하고 스타일을 적용하면 가로로 나란히 버튼들이 정렬됨.
각 버튼을 다른 View로 묶어주면 같은 사이즈로 됨.
기본적으로 View는 내용에 필요한 만큼의 공간만 가짐.
LinearGradient를 이용하여 그라데이션 효과를 줄 수 있다.
import { LinearGradient } from "expo-linear-gradient";
<LinearGradient colors={["#4e0329", "#ddb52f"]}
...
</LinearGradient>parseInt(); : 문자열을 숫자로 변환.
Alert 컴포넌트
React Native에서 경고 창을 열고 싶다면, 일반적으로 Alert 컴포넌트를 사용하여 경고 창을 생성합니다. 다음은 경고 창을 열기 위해 수행해야 할 단계입니다:
react-native 패키지에서 Alert 컴포넌트를 import하세요.
javascript
import { Alert } from 'react-native';Alert.alert() 메서드를 사용하여 경고 창을 엽니다. 첫 번째 매개변수로 경고 창의 제목을, 두 번째 매개변수로 경고 메시지를 전달합니다.
Alert.alert('경고', '이것은 경고 창입니다.');경고 창에는 확인 버튼이 표시되고 사용자가 확인 버튼을 누르면 경고 창이 닫히게 됩니다.
경고 창에 추가적인 옵션을 사용하고 싶다면, Alert.alert() 메서드에 세 번째 매개변수를 추가하여 버튼을 커스터마이즈하거나 이벤트 핸들러를 등록할 수도 있습니다. 자세한 내용은 React Native의 공식 문서를 참조하세요.
위의 단계를 따라 경고 창을 열 수 있습니다. 경고 창의 내용을 원하는대로 수정하고 필요에 따라 추가적인 옵션을 사용해 보세요.
VSCode 주석처리 단축키
커서 위치 한 줄 주석 설정 : 커서 위치에서 Ctrl + K + C
드래그 한 영역 한 줄 주석 설정 : 들여쓰기까지 포함해서 드래그 후 Ctrl + K + C
드래그 한 영역 여러 줄 주석 설정 : 들여 쓰기를 제외하고 드래그 후 Ctrl + K + C
주석 해제 단축키 : Ctrl + K + U
SafeAreaView : React Native에서 사용되는 컴포넌트로, 기기 화면의 안전 영역에만 UI를 렌더링하여 다양한 기기 크기에 대응하는 역할을 수행합니다. 아이폰 노치에 가려지지 않기 위해 사용함.
Math.floor : 소수점자리 없애줌.
ios에서 경계선 굴곡을 설정해줄수 없기에 <View>로 <Text>를 감싸줌.