JadeCode

공식문서 https://reactnavigation.org/docs/getting-started/ https://reactnavigation.org/docs/getting-started/ reactnavigation.org expo로 프로젝트 생성 후 tabs로 설치하면 자동으로 설치된다. 그렇지 않으면 하나하나 설치해주어야 한다. 필자는 처음부터 expo로 설치했다. 설치 npm install @react-navigation/native npm install @react-navigation/native-stack with expo npx expo install react-native-screens react-native-safe-area-context with bare React Native npm i..

상대경로로 import를 하면 불편한 점이 있다. 만약 파일의 경로를 수정했을 때 ../../ 의 무한지옥으로 갈 수 있다는 점이다. 그 상황을 해결하기 위해 나는 항상 상대경로가 아닌 절대경로로 설정을 하는 습관이 있다. expo로 프로젝트를 만들면 babel.config.js 와 tsconfig.json 이라는 파일이 있다. babel-plugin-module-resolver 를 설치한다. setup a custom alias for directories, specific files, or even other npm modules. npm install --save-dev babel-plugin-module-resolver https://www.npmjs.com/package/babel-plugin-..

react native //expo 설치 npm install --global expo-cli //맥북이라면 watchman 설치 brew update brew install watchman expo init my-project npx expo login --username "jiyeong" 리액트 네이티브를 사용하면 실제로 앱을 만들 수 있다. Reactjs일 경우 브라우저 돔으로 화면을 띄운다. 하지만 네이티브는 브라우저 없는 인터페이스로, 우리와 운영체제(ios,안드로이드)사이에 있다. 그래서 리액트네이티브로 앱을 만들면 ios와 안드로이드코드로 번역된다. RN은 ios와 안드로이드 코드로 번역할 수 있는 bridge역할이 있다고 말할 수 있다. 예를들어 버튼을 만들 때 react는 화면에 버튼을 ..