'React native설치'에 해당되는 글 1건

  1. 2020.04.10 5.1_MAC에서 실행환경 구축 (맥북 세팅)
React Native공부2020. 4. 10. 15:12

iOS 및 안드로이드 에뮬레이터 환경을 구축하기위해 공부하던 중

안드로이드 에뮬레이터 윈도우나 맥 모두 구축 가능하지만,

iOS 에뮬레이터는 맥이 있어야 구축 가능하다는 점을 알게 되었다.

개발 자체는 Expo환경에서 가능하지만, 테스트 해보려면 역시 맥이 필요하다.

 

지금까지 윈도우 환경에서 진행하다가 ios 에뮬레이터를 동시 구축하기 위해 맥북에어 중고를 구매하고, 다시한번 설치를 진행하였다. 진행하면서 다른 부분이 있어 요약해 보았다.

1. https://expo.io/learn에서 node.js다운로드

2. Terminal(맥에서 윈도우의 cmd와 같은 시스템)에서 npm설치 진행

*맥북을 처음 써보느라 Terminal이 어디에 있는지도 헤메었다.
  상태창 우측 끝쪽에 위치한 검색 기능을 눌러 terminal을 검색하면 된다.

Terminal을 연 후, 아래 설치과정을 수행한다.

1) 윈도우와는 다르게 sudo npm install expo-cli --global 라고 입력하여 실행(sudo를 빼면 에러나면서 설치안됨)   
   사용자 계정의 패스워드 입력 이후 설치 진행됨.

2) expo init (프로젝트 명) 을 입력하여 프로젝트 생성
   진행 중 Yarn을 설치할지 물어보는데, 그냥 패스해도 됨.
   진행 중 xcodebuild를 설치할지 물어보는데, 쓸것이므로 설치 진행함.

3) cd (프로젝트 명)

4) npm start 눌러 정상 동작확인


  3. https://code.visualstudio.com/에서 Visual Studio Code 다운로드 및 설치

 

*이번에 맥북 세팅을 하면서 맥OS에 대해 다시 알게 되었다. 윈도우 버젼에서는 각각의 실행되는 윈도우 상단에 메뉴창이 있다.

 그런데 맥은 시스템을 실행시키면, 항상 있는 상단 메뉴바가 해당 프로그램에 맞게 뜬다.

< 윈도우에서는 실행한 시스템 창의 상단에 메뉴가 배치되지만 iOS는 실행중인 창을 선택하면 기존 최상단의 메뉴구성이 해당 시스템에 맞게 바뀐다. >

 

 

Posted by 이온의 일상