VSCode
6RN 프로젝트 세팅
4디바이스 공통
5android device
3ios device
2기타
1IDE 추천 - VSCode
React Native tools extention 플러그인 설치하자
IDE
nvm으로 노드 버전 관리하기
nvm install <버전>, nvm use <버전>, node -vPrettier 설치
Prettier
ESLint & Prettier 설정
코드 규칙 정해서 지키기 (협업, 클린코드)
ESLint
Prettier
절대 경로 설정 ( module-resolver )
../../../../ 이런식의 접근 대신, @특정폴더/파일 이런식으로 접근code
path
.svg, .png 이미지 파일 타입 세팅
.svg, .png 등 이미지 파일 타입 세팅
typescript
Expo로 시작하기
간단하게 만들어볼 때 좋음.
Expo
react-native-cli 시작하기
다양한
서드파티 모듈들을 가져다 쓸 예정이라면 애초부터 react-native-cli로 작업하는 것이 정신건강에 좋다.react-native-cli
타입스크립트 개발환경 셋팅
JS→TS 전환
typescript
아이패드 지원 설정
기본적으로 모바일만 지원하므로 패드로 열어도 모바일 비율로 보임.
ios
config
라이브 리로딩
공통
live re-loading
metro bundler에 연결하기
android
metro bundler
connect
원하는 포트로 연결맺기
ios는 포트 변경 시 metro bundle과 연결이 안되는 오류가 있음 -_-;공통
port
앱 내 파일에 접근하기
공통
네이티브의 설정 탭으로 이동
Linking.openSettings();