Written by nodejs-style
on 2021-12-05

[react-native] 환경설정

맥 기준으로 환경설정.

android studio 설치.

https://developer.android.com/studio?gclid=CjwKCAiAwKyNBhBfEiwA_mrUMkCWcSVKvU_Ehue17PUUwngA6fJ_YbG0bnoGv1VlMyCeRr8BzqlF2BoCfo8QAvD_BwE&gclsrc;=aw.ds

안드로이드 환경변수 설정.

cd ~

vi .bashrc

export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools

vi .zshrc

if [ -f ~/.bashrc ]; then source ~/.bashrc; fi

xcode 설치. (app store)

nodejs설치

https://nodejs.org/ko/

watchman 설치

brew watchman

react-native-cli 설치

yarn global add react-native-cli

프로젝트 생성

react-native init test

프로젝트 내부로 이동 후 react-navigation 설치

yarn add @react-navigation/native @react-navigation/native-stack react-native-safe-area-context react-native-screens

cd ios && rm -rf Pods Podfile.lock && pod install

yarn start --reset-cache

절대경로 설정.

yarn add babel-plugin-module-resolver -D

babel.config.js

module.exports = { presets: ['module:metro-react-native-babel-preset', '@babel/preset-react'], plugins: [ [ 'module-resolver', { root: ['./'], extensions: ['.js', 'android.js', 'ios.js', '.json'], alias: { _: './', _assets: ['./assets'], _components: ['./components'], _navigations: ['./navigations'], _screens: ['./screens'], _services: ['./services'], _styles: ['./styles'], _utils: ['./utils'], }, }, ], ], };

jsconfig.js

{ "compilerOptions": { "baseUrl": ".", "paths": { "_/*": ["./*"], "_assets/*": ["./assets"], "_components/*": ["./components"], "_navigations/*": ["./navigations"], "_screens/*": ["./screens"], "_services/*": ["./services"], "_styles/*": ["./styles"], "_utils/*": ["./utils"] } } }

반응형

from http://sumbooboo.tistory.com/57 by ccl(A) rewrite - 2021-12-05 15:27:20

Top