YELOPER

1. 리액트 네이티브에서는 별도의 CSS 파일에 스타일 지정 X 자바스크립트 파일 안에서 StyleSheet 사용 2. CSS와의 차이점 - 모든 스타일 속성: camelCase - display 기본 속성: flex / 다른 값은 none뿐! - flexDirection 속성의 기본값: 웹- row, 리액트 네이티브- column - 스타일링 시 숫자 단위는 dp뿐 - background 대신 backgroundColor 사용 - border 대신 borderWidth, borderStyle, borderColor 등을 따로따로 설정 import React from 'react'; import {View, StyleSheet} from 'react-native'; function Box({rounded..

1. Props - Properties의 줄임말. - 컴포넌트의 속성을 의미. - Props를 사용하면 컴포넌트를 사용할 때 임의의 값 넣어줄 수 있음 import React from 'react'; import {SafeAreaView} from 'react-native'; import Greeting from '../components/Greeting'; const App = () => { return ( ); }; export default App; 2. defaultProps - 컴포넌트에 Props를 지정하지 않았을 때 사용할 기본값 설정 import React from 'react'; import {View, Text} from 'react-native'; function Greeting(pr..

주의점! 자바 버전을 11이상으로 할 것 환경 변수 설정에서 루트가 제대로 되어있는지 루트 안에 자바 11버전 이상이 잘 들어있는지 확인