본문 바로가기
www/rn

[RN] react native 세팅

by 금이아빠s 2023. 9. 16.

 

flutter와 react native의 성능 비교를 위해 
react native 세팅을 합니다.

 

---

 

Homebrew

-  package 관리 툴

https://docs.brew.sh/Manpage

 

brew(1) – The Missing Package Manager for macOS (or Linux)

Documentation for the missing package manager for macOS (or Linux).

docs.brew.sh

요기 들어가서 설치 방법 대로 설치 먼저 합니다.

 

 

rbenv

https://github.com/rbenv/rbenv

 

GitHub - rbenv/rbenv: Manage your app's Ruby environment

Manage your app's Ruby environment. Contribute to rbenv/rbenv development by creating an account on GitHub.

github.com

요기 들어가서 설명에 맞게 설치를 해봅시다

# brew로 rbenv설치
brew install rbenv

# 3.1.2 버전 설치
rbenv install 3.1.2

# 루비 global 설정
rbenv global 3.1.2
rbenv rehash


# 쉘 열기
vim ~/.bash_profile

# 쉘에 추가
[[ -d ~/.rbenv  ]] && \
  export PATH=${HOME}/.rbenv/bin:${PATH} && \
  eval "$(rbenv init -)"
  
# 코드 적용
source ~/.bash_profile

# Ruby bundler 설치
gem install bundler

 

Nodejs, Xcode, JDK, Cocoapods

- 이 친구들은 이미 설치가 되어 있고.

Watchman

- 파일 시스템의 변경 사항을 감시하기

 

react-native

https://reactnative.dev/docs/environment-setup?guide=native 

 

Setting up the development environment · React Native

This page will help you install and build your first React Native app.

reactnative.dev

요기 들어가서 설치 방법 대로 설치 먼저 합니다.

 

react native 설치 화면

 

 

 

설치, 설치, 설치, 설치,

react 를 할때도 그렇지만 react native도  먼가 설치할게 너무 많다..

flutter는 이렇게 많이는 안깔았던것 같은대..

 


 

 

한참을 기다리고 나서야 설치가 끝났고!
'ㅁ'

실행된 모습

 

요! 세상참 좋다!
이렇게 쉽게 앱이 만들어 지나요 ㅋㅋㅋㅋㅋ