[React native] RN 프로젝트 초기세팅

윤승희·2023년 5월 8일

프로젝트

목록 보기
1/3
post-thumbnail

React Native로 프로젝트 시작

사실 개인적인 욕심으로 RN은 이미 한 번 해본 경험이 있어서 이번 프로젝트는 플러터를 배워서 새롭게 적용해볼까 했지만 ... ...
현재 내가 투자할 수 있는 시간이 제한적이고 혼자하는 프로젝트가 아니다보니 다른분들 작업 속도에 맞춰서 빠르게 결과물을 내기 위해선 익숙한 RN으로 하는게 맞다고 생각이 들었다!

플러터는 나중에 개인 프로젝트때 시도해보는것으로..ㅎㅎ

공식문서 : https://reactnative.dev/docs/environment-setup?guide=native

사전 필수 요소(?)

  1. xcode, android studio 설치
  2. 라이브러리 설치
brew install yarn

brew install node

// ios
brew install watchman
brew install cocoapods

// android
brew tap AdoptOpenJDK/openjdk
brew install --cask adoptopenjdk/openjdk/adoptopenjdk11

일단 여기까지 다 다운받았으면 거의 다 한거임!!!

본격적인 RN 프로젝트 생성

혹~시 이전에 글로벌 react-native-cli패키지를 설치한 경우 에러생길 수 있으니 제거하라고 한다.

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

제거해줬으면 원하는 프로젝트명으로 init 하여 생성하면 끝!

npx react-native@latest init [프로젝트 이름]

프로젝트 생성이 완료되었으면 들어가서

yarn && yarn start 

해주면 메트로가 이렇게 실행되는데

a를 누르면 android, i를 누르면 ios 빌드가 시작된다. (!!)

예전엔 이런것도 없이 메트로만 뜨고 추가로 yarn ios, yarn android 해줘야 빌드시작됐는데 RN .. 꽤 편해졌을지도(?)

그래도 한번 RN으로 프로젝트 세팅 해봤다고 여기까지 순조롭게 진행하고
한 때 날 굉장히도 괴롭혔던 IOS 빌드 .. 돌려봤더니 한번에 빌드되길래 너무 기뻐서.. 막 뿌듯하고.. 나 성장했네(?) 어쩌고.. 했는데

어림도 없지
맘 놓고 안드로이드 빌드돌리다가 바로 에러나버림

이 빌드 오류는 다음글에 자세히 ....흑

profile
오늘보다 내일을 더 가치있게 보내기 위해 노력합니다.

0개의 댓글