프로젝트 시작하기

새 애플리케이션 생성 시

글로벌로 설치된 cli가 있다면 삭제한다

npm uninstall -g react-native-cli @react-native-community/cli

리액트 네이티브 + 타입 스크립트 템플릿 생성

npx react-native init [프로젝트 명] --template react-native-template-typescript

iOS

m1 맥 사용 시

sudo arch -x86_64 gem install ffi

cd ios
arch -x86_64 pod install

프로젝트 실행

npm start
npm run ios
npm run android

iOS와 Android가 조금씩 다를 수 있기 때문에
시뮬레이터, 에뮬레이터 모두 켜고 코드를 작성하는 편이 좋다

모바일 프로그래밍

Android

안드로이드는 안드로이드 스튜디오에 Nexus, Pixel, Fold 등이 등록되어 있음
비율 맞는거 찾아서 대충 하면 되는데
가능한 같은 비율 중에 작은 폰을 선택하는 편이 좋다

큰 사이즈 폰에 맞춰서 작업 후 작은 폰으로 보면 화면 자체가 깨지지만
작은 폰에 맞춰서 작업 후 큰 폰으로 보면 적어도 깨지는 일은 없다

-> 주로 Nexus 5, 8" Fold-out (갤럭시) 두 가지를 사용한다고 한다

프로그래밍은 iOS 기준으로 하고 android를 보는 것을 추천
안드로이드 기준으로 코딩 후 아이폰을 보면 깨지는 경우가 많다

안드로이드 스튜디오에서 Create Device 해서 선택 후 Finish를 하면 npm run android
했을 때 기본값으로 지정된다

실행 후 빌드될 때의 터미널 메시지를 잘 봐야한다
빌드 시 에러가 자주 뜨기 때문에

이런 초기 화면이 뜨면 성공