React-Native

Mac에서 xcode를 이용해서 IOS 실행하는 방법 brew install watchman 페이스북의 파일시스템 변환해주는 툴이다. npm install -g react-native-cli 로 react-native 설치 appStore에서 xcode 설치 react-native init AwesomeProject react-native 실행 [폴더명] 폴더에 들어간 후에 react-native run-ios 실행하면 디바이스까지 뜬다. Mac에서 android-studio를 이용해서 android 실행하는 방법 위에 과정을 먼저 실행해야한다. android-studio를 설치 설치중에 설치유형을 선택하라는 메세지에서 ‘사용자 정의’설정으로 Android SDK Android SDK Platform Performance (Intel ® HAXM)( AMD는 여기를 참조하십시오 ) Android Virtual Device 다음을 누르면 확인페이지가 나오고 모두 설치하면된다....

목표 React-native 다뤄보기 IOS 화면 띄우기 android 화면 띄우기 Android-studio 설정 xcode를 설치해서 IOS가상 디바이스로 띄워서 확인했고, android-studio를 이용해서 android 환경의 가상 디바이스를 확인했고, expo를 이용해서 실제 디바이스에서 확인하였다. 웹과 다르게 모바일은 환경을 구성해줘야하는데 그런 환경설정 부분들만 잘 해준다면 쉽게 react-native로 hello world를 띄울수 있었다. !! 다양한 실험을 했고, 매우 좋은 공부였다. 파일을 열고 App.js 에서 <Text>텍스트</Text>, <View>뷰<View/>, <Image>이미지</Image> 와 style을 주는법, style 객체로 빼서 여러 효과 적용시켜보고, 사용했다. 버튼을 만들었는데 버튼은 잘 되지 않았다…...