ReactNative23 1-3 [React Native] 프로젝트 살펴보기 실행을 하게 되었다면 아이폰과 안드로이드 폰에서 이런 화면이 나올 것입니다. 그 이전에 책에선 App.js라고 되어있지만 저는 .tsx로 되었습니다. 리팩토링으로 확장자 고쳐주시면 됩니다. 어차피 안에 있는건 다 지울거라서 괜찮습니다. /** * @format */ import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json'; AppRegistry.registerComponent(appName, () => App); 이러한 코드가 있고 리액트를 조금 맛본 필자가 보기엔 리액트랑 같다고 생각했습니다. index.js는 엔트릴 파일이고 이 곳에서 시작하여 import를 통.. 2023. 3. 7. 1-2 ReactNative 작업환경 준비하기 이제는 환경변수를 설정해주어야한다. 맥에선 $HOME/.zprofile 를 수정하는데 기본 셸이 zsh가 아닌 bash라면 $HOME/.bash_profile 또는 $HOME/.bashrc를 수정하면 된다. $ nano $HOME/.zprofile 를 쳐서 들어간 후 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 위 코드를 최 하단에 넣고 저장하면 된다. 다 입력후 .. 2023. 3. 7. 1-1 [React Native] ReactNative 작업환경 준비하기 필자는 현재 맥북을 쓰고있으며 미리 말하지만 업데이트를 하지않아서 루비 젬파일 (GEMFILE)가 맞지않아 고생했다. 처음부터 업데이트를 할껄... 그리고 [리액트 네이티브를 다루는 기술] 이라는 책을 사서 공부하며 정리하는 글이다. 우선 터미널을 열고 이 명령어를 입력하고나서 터미널을 종료하고 다시 시작하시면 됩니다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash 그리고 다시 시작한 뒤 다시 터미널을 여시고 nvm install --lts 를 실행하여 Node.js의 lts버젼을 설치 할 수 있습니다. Node.js와 npm의 버젼 확인은 다음과 같습니다. $ node -v $ npm -v 그리고 yarn을.. 2023. 3. 7. 이전 1 ··· 3 4 5 6 다음 반응형
